如何用JavaScript分割图像？

在使用库如jQuery/jQueryUI的幻灯片，它是常见的分裂的滑动和分散片段为消失当前幻灯片。我很想知道如何用Javascript来做到这一点。我的意思是用纯JS来理解这个过程，而不是用一个可用的库来实现。如何用JavaScript分割图像？

正如我搜索在互联网上，分裂由javascript中的图像的常用方法是将图像设置为通过CSS背景和表演片段，但我怀疑这是用于创建幻灯片效果的方法。

如何使用Javascript可以分割图像/幻灯片？

来源

2013-01-08 Googlebot

显示使用CSS的图像的仅一部分被称为“[拼合]（http://css-tricks.com/css-sprites/）”，并且是相当普遍（并在许多情况下可以得到优良的方法）。这对于幻灯片库是完全可以接受的。唯一的缺点是分割只是可视的 - 用户无法保存到文件的特定部分图像（要做到这一点，你需要使用画布）。 – apsillers

@apsillers这是很常见的，以减少图像的，而不是做动画和幻灯片播放效果的数字（例如图标集）（我不知道，当然，前者应用广泛引用）。 – Googlebot

你可以尝试使用canvas标签在HTML 5，可以在画布上导入的图像，并从那里工作就可以了你的魔法。我手边没有例子，但你可以自己试一试。

来源

2013-01-08 17:00:59

我是“帆布”的忠实粉丝，我可以将你的想法付诸行动;但这不应该是幻灯片JS库所使用的技巧。 – Googlebot

@All你已经说过，你不想使用CSS和它的转换。显然，我们不能回到使用Adobe Flash。那么我猜'帆布'是唯一的候选人了。虽然我很想知道是否有替代品，但我还没有意识到。 –

+1：Canvas和CSS是分割图像的唯一Web客户端方法，禁止浏览器插件。 – apsillers

如何用JavaScript分割图像？

回答

相关问题