请问有人做过类似图片里这种自定义拖拽元素的功能吗？有什么现成的插件 或者库之类的 吗？

Question

类似图片中这种 可以拖拽元素的

Answer 1

单纯的拖拽元素还是有很多项目的，但是你想要的那种，完整的带有工具栏和配置项的没有。
只能自己去依靠这种拖拽的简易项目区扩展/开发成自己想要实现的需求。

其实也是有这样类似的项目的，只不过是付费的。而且一般来是都是提供服务的方式，而不是出售完整项目。
所以还是需要自研，而且做工作量很大。没有直接拿来就能用的。

Answer 2

看到你截的图 有标尺、打印功能 猜到可能会用到坐标存储数据位置
vue-draggable-resizable 拖拽缩放插件

Answer 3

写过类似的功能，组件缩放是用的vue-draggable-resizable , 其他功能是纯js实现，大概一周

Answer 4

你可以试试 antv x6，功能很强大，支持自定义 HTML/React/Vue/Angular 节点，因该可以满足你的需求

https://x6.antv.vision/zh/doc...

Answer 5

您可以考虑使用 interact.js 插件来实现自定义拖拽元素的功能。interact.js 是一个轻量级的 JavaScript 插件，它可以实现许多类似拖拽、调整大小、旋转等交互功能。您可以在这里了解详情：https://interactjs.io/。此外，您也可以使用 jQuery UI 插件中的 Draggable 功能来实现拖拽功能。您可以在这里了解更多信息：https://jqueryui.com/draggable/。