0

我有一个 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>
4

1 回答 1

1

虽然凯文尼尔森对这个问题的评论是一种完全可行的方法，但在等待的时候，我想出了如何在 Illustrator 中做到这一点。就是这样：

  1. 抽出<svg>标签的全部内容并将其另存为单独的文件

  2. 将此添加到文件的开头：

    <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG /1.1/DTD/svg11.dtd">

  3. 在 Illustrator 文件中 -> 打开。如果它没有打开，您可以通过W3 验证器运行它以查看它有什么问题。确保在设置中将 SVG 1.1 指定为文档类型。

  4. 然后，您可以使用 Illustrator 中的 File -> Place 命令叠加任何图像（最好是相同尺寸）。
于 2012-10-22T20:26:06.113 回答