哪个JS框架最适合拖放、调整大小和旋转功能？

Question

我打算做一个包含图片和文字的Web应用，具有用户操作功能，比如拖放、缩放和旋转。

我已经使用了Jquery UI js来实现拖放、旋转和缩放，但似乎不是一个能够顺利实现所有这些功能的好方法。其中一个问题是，在旋转时我无法创建四个角落的操作句柄以旋转图像，而在调整大小时我也遇到了问题，并使用了另一个js链接（resizable-rotation.patch.js）。

请告诉我哪个Js最适合实现所有这些功能（拖放、缩放和旋转）。

- ArunValaven

Answer 1

由于这个问题过于广泛，所以

我认为您可能需要查看文档

• Interact.js适用于所有的拖放、旋转和调整大小

• 对于拖放和调整大小，还有另一个库- konvajs和文档

• 对于导入矢量图形，这里还有另一个伟大的库fabricjs

演示可以在这里展示。

- Pritish Vaidya

---

@pritishvaidya，interact.js和konvasjs中是否存在旋转图像功能？我已经访问了这两个js。但是fabricjs对我来说是新的.. 请推荐一些其他的js.. - ArunValaven

Interact JS 中有旋转功能，但 KonvaJS 中没有。您也可以尝试查看 https://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/，通过将 onClick 和 onDrag 函数设置为相同的函数，可以实现类似的功能。 - Pritish Vaidya

你能否发送一个链接，展示使用handles实现旋转功能的interact.js实例吗？ - ArunValaven

在InteractJs中，目前无法进行旋转+调整大小。您可以在此处查看此问题仍然未解决：https://github.com/taye/interact.js/issues/569 - Darshit Hedpara