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 它必须重用以前的转换字符串。