使用jQuery或AJAX缩放和倾斜图像

Question

我试图找到一种方法，使用ajax或jquery，可以在我想要的点上调整图片的角度。例如，我希望在我的背景中有四个点（图片＃1）然后有一张图片，其中每个角都指向并调整到我的愿望点（图片＃2）。

它将是动态的，基本上图片＃1将是静态的，但图片＃2将随着下一个/预览键而改变。有点像画廊。 这些点和图像可能在不同的画廊中有所不同，并且必须具有修改的能力。

有什么建议吗？

先谢谢。

Answer 1

大多数JS库应该以您描述的方式提供旋转/倾斜图像所需的功能。

例如，Jquery有一个名为“Scale”的插件可以执行此操作：

http://plugins.jquery.com/plugin-tags/scale

同样，scripty2（scriptaculous 2）也在scripty2fx框架中提供它：

http://scripty2.com/doc/scripty2_fx_section.html

CSS3还提供了使用变换旋转/倾斜/缩放图像的技术。使用JS框架的优点是跨浏览器兼容性。如果您认为自己将专门针对支持CSS3的浏览器，则可以使用这些/那些：

http://www.w3.org/TR/css3-2d-transforms/

如果您需要更具体的说明，或者如果您需要更具体/更窄的帮助，请告诉我。