拖放SVG图层或组

时间:2013-08-14 17:11:34

标签: javascript svg

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

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

我能够使用正则表达式和PHP更改颜色,但我不确定如何进行每层的拖放操作?

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

我真的不知道从哪里开始,在这方面有更多知识的人能告诉我一个可靠的方法来实现这个目标吗?

同样不是SVG文件中的每个组/层都没有为它们设置ID atrtribute,因此我无法根据ID轻松定位组。

1 个答案:

答案 0 :(得分:0)

为什么不让您的生活更轻松,只需使用已准备好并已制作好的SVG-edit

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

您还可以将指针事件属性更改为预加载元素的“无”,这样用户就无法移动它们或对它们执行任何操作。

拖放功能正在重新配置“IMPORT SVG”功能,该功能已经存在,可以在单击时导入选定的拖放元素并将其加载到光标上供用户设置下。非优雅,但后来我不知道我知道如何编码除S.O.S摩尔斯代码以外的任何代码:)哔哔哔哔,哔哔声。只是不成熟。

无论如何,假设你已经拥有扎实的JS / SVG知识,那么与从头开始构建应用程序相比,这将非常简单。