我是SVG和Raphael.js的新手,所以虽然我写的代码按照我的预期/想要的方式工作,但我想检查一下我所做的是最好的做法/正确的方法,还是有更好的方法方式。
我有一条路,它基本上是一个离圈(根据品牌)。我通过将PNG转换为SVG(在线)获得了这条路径。我遇到的问题是当图像是72x72px时,在线转换器将其缩放到相当大的位置。
这实际上对我有利,因为我需要使用各种尺寸的圆圈。
所以我使用.transform()
缩小它并将其转换为我需要它的大小。这感觉有点像黑客。有没有更好的办法?或者这是你能做的最好的事情吗?
以下是我的代码:http://jsfiddle.net/9LHUE/。
提前致谢。
答案 0 :(得分:1)
使用.transform()
就好了。 “可缩放矢量图形”的整体思想是,它们具有可扩展性。由于它们是基于坐标的定义在页面上呈现的,因此它们在任何大小上都应该看起来一样好。
对我来说,感觉就像是从一个png导入这个漂亮的几何图形,而不是以更加数学的方式计算出定义。我怀疑你真的需要如此简单的bezier曲线这么简单的形状。
那就是说,我不知道什么是“离圈”。也许这根本不简单。