Question

我有一个JS对象，Raphael用它来生成可点击的SVG地图。我需要修改一些路径。我是否可以使用用户友好型方式执行此操作？我不想使用反复试验技巧来摆弄数字，我想拖放路径/锚点。我可以以某种方式将坐标导入到Illustrator / Dreamweaver /任何其他工具中吗？

谢谢。

这是JS对象的样子：

map.coords   = [
{ type:"path" ,id:"K15" ,d:"/*edited out*/"},
{ type:"rect" ,id:"K14" ,x:"496" ,y:"386" ,width:"9" ,height:"5"}
];

这里是标记的样子（在svg元素中使用Raphael生成的标记）：

<div style="position: relative;">
    <div id="mapOverlay" style="position: absolute; top: 0; left: 0; z-index: 2">
    <svg height="777" width="777" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <desc>Created with Raphaël</desc>
        <defs></defs>
        <path fill-opacity="0" stroke-width="0.25" style="stroke-width: 0.25; fill-opacity: 0;" d="[/*edited out*/]" stroke="#000000" fill="#000000"></path>
    </svg>
    </div>
<img src="map.jpg" alt="Interactive Map">
</div>

Answer 1

虽然Kevin Nielsen对这个问题的评论是一个非常可行的方法，但在等待时我想出了如何在Illustrator中做到这一点。方法如下：

抽出<svg>标记的全部内容并将其另存为单独的文件
将其添加到文件的开头：

＆lt;？xml version =“1.0”encoding =“utf-8”？＆gt; ＆lt;！DOCTYPE svg PUBLIC“ - // W3C // DTD SVG 1.1 // EN”“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”＆gt;
< / LI>
在Illustrator文件中 - ＆gt;打开。如果它没有打开，您可以通过W3 validator运行它以查看它有什么问题。确保在设置中将SVG 1.1指定为文档类型。
然后，您可以使用文件 - ＆gt;叠加任何图像（如果它的尺寸相同，则最好）。在Illustrator中放置命令。

修改Raphael的现有路径？

1 个答案: