是否可以使用jQuery来扭曲元素？

Question

这只是我的想法，我很好奇它是否可能。

例如，假设我有一个带文字和内部图像的div。 我希望能够点击一个按钮并让顶部向内捏...基本上好像我正在将它压缩成一个奇点。

这种转变是否可能？

Answer 1

jQuery不支持它，但也许像Raphaël这样的其他一些JavaScript库可以帮助你入门：

  

Raphaël是一个小型JavaScript库，可以简化您在网络上使用矢量图形的工作。例如，如果您想创建自己的特定图表或图像裁剪和旋转小部件，您可以使用此库简单轻松地实现它。

     

Raphaël使用SVG W3C Recommendation和VML作为创建图形的基础。这意味着您创建的每个图形对象也是一个DOM对象，因此您可以附加JavaScript事件处理程序或稍后修改它们。 Raphaël的目标是提供一个适配器，使绘图矢量艺术兼容跨浏览器和简单。

     

Raphaël目前支持Firefox 3.0 +，Safari 3.0 +，Opera 9.5+和Internet Explorer 6.0 +。

Answer 2

查看jQuery UI的效果：http://jqueryui.com/docs/show/

Answer 3

我相信这些效果只能通过使用Flash，Silverlight或SVG来实现。

Answer 4

我认为只使用javascript做这种事情会更容易。即使可以做到这也是一种过度杀伤。

我记得最接近的事情是IE特定的过滤器和过渡。但需要记住，这些只是 IE 。

你最好的选择将是Flash，其中这些东西相对容易。