javascript - 使用 Raphael.js 转换 SVG 路径

Question

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

我有一条路径，它基本上是一个非圆（根据品牌）。我通过将 PNG 转换为 SVG（在线）获得了路径。我遇到的问题是，当图像本来是 72x72px 时，在线转换器已将其缩放到相当大的东西。

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

所以我过去常常.transform()把它缩小并将它转换成我需要的大小。感觉有点像黑客。有没有更好的办法？或者这是你能做的最好的？

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

提前致谢。

Answer 1

使用.transform()就好了。“可缩放矢量图形”的整个想法是它们是可扩展的。由于它们是根据基于坐标的定义在页面上呈现的，因此它们在任何尺寸下都应该看起来一样好。

对我来说，感觉就像是从 png 中导入这个漂亮的几何图形，而不是用更数学的方式来计算定义。我怀疑你真的需要如此巨大的贝塞尔曲线来制作如此简单的形状。

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