Raphaël.js 和 SVG 的转换比例不正确答案

【问题标题】：Raphaël.js and converting of SVG is not correct scaleRaphaël.js 和 SVG 的转换比例不正确
【发布时间】：2015-01-01 20:34:33
【问题描述】：

我有一个.svg file，我想将其转换为 Raphaël.js 格式。如您所见，图片很好，其中的所有内容都显示正确。

我尝试使用此主页将其转换为 raphael 格式：http://www.readysetraphael.com/，但它以某种方式无法理解视口。地图的大部分内容已被移除。

我猜这与字段有关：

viewBox="425 -225 800 800"
enable-background="new 425 -225 800 800"

在 svg 文件中。

我不想保留地图中显示的有关湖泊和自治市的信息。我见过其他网站有某种转换，但 readysetreaphael 有最好的输出。但是，它看起来并不好。

【问题讨论】：

【解决方案1】：

rsr.setViewBox(425,-225,1200,1200)

效果很好。

文档非常适合这个项目。

【讨论】：

【解决方案2】：

使用 Inkscape 编辑 svg 文件。

裁剪地图，将左上角移动到 (0,0) 并将其缩放到您想要的大小。

命名路径，以便您在转换为 Raphael 时知道它是什么。

将其保存为“优化的 Svg”。

在文本编辑器中打开它并复制 d="..." 属性中的路径标记文本，与 Raphael 路径完全相同。

这是您可以控制自己保留的唯一方法。

【讨论】：