使用Raphael.js转换SVG路径

Question

我是SVG和Raphael.js的新手，所以虽然编写的代码可以按我的期望/期望工作，但是我想检查是否做的是最佳实践/正确的方法，或者是否有更好的方法。

我有一条路，基本上是一个圈（根据品牌）。 我通过将PNG转换为SVG（在线）而获得了成功。 我遇到的问题是，当图像的尺寸为72x72px时，在线转换器将其缩放至相当大的尺寸。

这实际上对我有利，因为我需要使用各种尺寸的圆。

因此，我使用.transform()将其缩小并转换为所需的大小。 感觉有点像黑客。 有没有更好的办法？ 还是这是您能做的最好的事情？

这是我的代码： http : //jsfiddle.net/9LHUE/ 。

提前致谢。

Answer 1

使用.transform()很好。 “可缩放矢量图形”的整个思想是，它们是可缩放的。 由于它们是根据基于坐标的定义显示在页面上的，因此无论大小如何，它们的外观都应相同。

对我来说，感觉像是骇客，是从png导入此精美的几何图形，而不是以更数学的方式得出定义。 我怀疑您真的需要如此简单的形状这么巨大的贝塞尔曲线。

也就是说，我不知道什么是“离线”。 也许这并不简单。