jQuery是否有某种撕裂图像动画效果？答案

【问题标题】：Is there some kind of tear image animation effect for jQuery?jQuery是否有某种撕裂图像动画效果？
【发布时间】：2013-03-11 07:14:06
【问题描述】：

不知道今天有没有用 jQuery 实现的撕裂图像动画效果？不像是一百万块，而是像中间撕开一张图片的效果？向两边移动。还是这需要使用 Flash 动画？谢谢！

【问题讨论】：

我认为是一个 HTML5 Canvas 问题。使用drawImage，然后移动像素。
请多解释一下。我检查了它，但似乎没有任何具体的区别。
您可以根据需要使用 Flash。有些人不喜欢它，更喜欢 Canvas。如果您没有 Flash，那么您可以获得 1 个月的免费试用期，但您必须购买它。
根据我目前看到的情况，我觉得 Flash 是继续进行此操作的最佳方式？你个人怎么看？
我更喜欢画布，但你必须知道它很新，很多人不会拥有现代浏览器，所以如果你想要更广泛的受众，你需要 Flash 或更简单的东西例如您将图像拆分为 2 个半图像，这些图像通过动画（例如 jQuery）分开。

标签： javascript jquery animation tearing

【解决方案1】：

您可以使用 javascript 和 css3 完成此操作。

只需让 javascript 复制一个图像（可能是一个带有背景的 div 作为图像）并将其粘贴到自身上。然后让左图显示第一个像素 0 到 50%，右图应该显示像素 50% 到 100%，背景右对齐。然后，您可以让 css 或 jquery 将每一侧分开。你需要添加一些额外的样式来创建那种撕裂的外观，但它是完全可行的。

【讨论】：

哦，好的，谢谢，我会在决定使用什么图像后立即查看。 ;)
如果您认为这是您的答案，请标记为这样 :)
Ill have to see if Im 能够完成某事，预计今天或明天最有可能获得一些分数 ;)