拖放SVG层或组

Drag and Drop SVG layers or groups

本文关键字：SVG 拖放更新时间：2023-09-26

我的任务可能是我职业生涯中最困难的工作。我的雇主希望我构建一个使用SVG文件的自定义符号生成器工具。

因此，用户将加载应用程序/页面，并从一个SVG文件开始，然后我需要能够拖放文件的每一层/组来重新定位它。以及按组/层更改颜色。

我可以使用正则表达式和PHP更改颜色，但我不知道如何拖放每一层？

我可以使用JavaScript、HTML5和PHP进行任何后端处理。

不过，我真的不知道从哪里开始，有人能告诉我一个实现这一目标的可靠方法吗？

也不是说SVG文件中的每个组/层都不会为它们设置ID atrarity，所以我无法轻松地基于ID来定位组。

为什么不让你的生活更轻松，只使用已经准备好并构建好的SVG编辑呢？

你可以去掉所有不必要的工具。您可以简单地将其配置为具有预先加载的SVG文件和预先配置的画布大小。

您还可以将指针事件属性更改为预加载元素的"none"，这样用户就不能移动它们或对它们执行任何操作。

只要拖放功能是重新配置"IMPORT SVG"功能，该功能已经存在，可以在单击所选拖放元素并将其加载到光标上以供用户设置时导入该元素。不优雅，但话说回来，除了S.O.S莫尔斯电码，我不知道如何编码：）嘟嘟，嘟嘟，嘟嘟。只是不成熟。

无论如何，假设您已经掌握了扎实的JS/SVG知识，与从头开始构建应用程序相比，这将非常简单。