如何通过JavaScript分割图像？

Question

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

当我在互联网上搜索时，通过Javascript分割图像的一种常用方法是将图像设置为背景并通过CSS显示片段，但我怀疑这是用于创建幻灯片效果的方法。

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

Answer 1

您可以尝试使用HTML 5中的canvas标记。您可以在画布上导入图像，然后从那里开始使用它。我手边没有示例，但您可以自己尝试一下。