javascript - 如何通过 JavaScript 分割图像？

Question

在使用 jQuery/jQueryUI 等库的幻灯片中，通常会拆分幻灯片并分散片段以消失当前幻灯片。我对使用 Javascript 执行此操作的技巧很好奇。我的意思是纯 JS 来理解这个过程，而不是使用可用的库来实现。

我在网上查到，Javascript分割图片的常用方法是将图片设置为背景，然后用CSS显示片段，但我怀疑这是用来制作幻灯片效果的方法。

Javascript 如何拆分图像/幻灯片？

Answer 1

您可以尝试使用 HTML 5 中的 canvas 标签。您可以在 Canvas 上导入图像并从那里施展您的魔法。我手头没有示例，但您可以自己尝试一下。