腾讯云的banner图动画效果是如何实现的？

Question

研究了半天毫无思路啊。。

Answer 1

你可以f12调试一下可以发现是canvas实现的heroBanner > div > div.hero-img > div:nth-child(2) > div.wrap-canvas.J-bannerWrappedCanvas > canvas<canvas class="layer1" width="1920" height="500" style="display: none;"></canvas>