使用Raphael.js转换SVG路径

时间:2013-04-02 10:25:06

标签: javascript svg raphael

我是SVG和Raphael.js的新手,所以虽然我写的代码按照我的预期/想要的方式工作,但我想检查一下我所做的是最好的做法/正确的方法,还是有更好的方法方式。

我有一条路,它基本上是一个离圈(根据品牌)。我通过将PNG转换为SVG(在线)获得了这条路径。我遇到的问题是当图像是72x72px时,在线转换器将其缩放到相当大的位置。

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

所以我使用.transform()缩小它并将其转换为我需要它的大小。这感觉有点像黑客。有没有更好的办法?或者这是你能做的最好的事情吗?

以下是我的代码:http://jsfiddle.net/9LHUE/

提前致谢。

1 个答案:

答案 0 :(得分:1)

使用.transform()就好了。 “可缩放矢量图形”的整体思想是,它们具有可扩展性。由于它们是基于坐标的定义在页面上呈现的,因此它们在任何大小上都应该看起来一样好。

对我来说,感觉就像是从一个png导入这个漂亮的几何图形,而不是以更加数学的方式计算出定义。我怀疑你真的需要如此简单的bezier曲线这么简单的形状。

那就是说,我不知道什么是“离圈”。也许这根本不简单。