如何使用JavaScript分割图像？

在使用库（如jQuery/jQueryUI）的幻灯片放映中，通常会分割幻灯片并分散片段以消失当前幻灯片。我对使用Javascript实现这一点的技巧感到好奇。我的意思是纯JS理解流程，而不是使用可用库实现

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

---

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

您可以尝试在HTML5中使用

canvas

标记。你可以在画布上导入一个图像，然后在画布上施展你的魔法。我手头没有一个例子，但你可以自己试一试。

我是

canvas

的忠实粉丝，我可以把你的想法付诸实施；但这不应该是slideshow JS库使用的技巧。@您已经说过您不想使用CSS及其转换。显然，我们不能再使用Adobe Flash了。那么我猜

canvas

是剩下的唯一候选人。虽然我很想知道是否有我还不知道的替代方法。+1:Canvas和CSS是唯一用于分割图像的Web客户端方法，不包括浏览器插件。使用CSS仅显示图像的一部分被称为“”，这是非常常见的（在许多情况下，是一种更好的方法）。这对于幻灯片库来说是完全可以接受的。唯一的缺点是分割只是可视化的——用户无法保存特定的局部图像（要保存，您需要使用画布）。@apsillers减少图像数量（例如图标集合）是很常见的，但不用于制作动画和幻灯片效果（我当然不确定，前一个申请被广泛引用）。