javascript - Raphael - 使用变换来缩放 js 路径 - 意外结果

Question

我第一次使用 raphael，并且有一个 svg，我使用在线转换器将其转换为 javascript 路径。我现在遇到了一个问题 - 路径上都有一个 .transform ，所以我无法在我的脚本中缩放它们（让我非常困惑 - 任何新的 .transform 任何比例都会使它们变成一两个像素在每个宽或高。）

它们在每个路径变量的末尾都有类似的内容： myshape.transform("m83.018878,0,0,83.018878,-2814.2764,385.12103")

我如何摆脱这种转换，或者除了替换现有的转换之外还有一个新的工作？或者我可以用另一种方式进行缩放吗？我不需要任何动画 - 只需要缩放页面布局。

Answer 1

当前的转换矩阵显示为 *83 比例。使用.transform会重置此变换，如果您在变换中不使用相同的缩放顺序，则路径看起来会非常小。

很难将转换工具结果代码重构为直接具有坐标已经转换的路径

但是，动态地，您可以使用该Raphael.transformPath方法获取转换后的路径字符串。您必须提供当前路径字符串，它是它.attr("path")，它的当前转换字符串是它.transform()。

另一种更轻松的方法是继续使用该transform方法，但使用 «...» 字符串部分附加您的转换，以告诉 Raphael 它必须重用以前的转换字符串。