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

时间:2013-04-06 21:44:04

标签: javascript raphael shapes

我第一次使用raphael,并且有一个svg,我使用在线转换器转换为javascript路径。我现在遇到了一个问题 - 路径上都有.transform,所以我无法在我的脚本中缩放它们(非常令我感到困惑的是 - 任何新的.transform任何规模使它们成为一个或两个px在每个宽或高。)

他们在每个路径变量的末尾都有这样的东西:myshape.transform(“m83.018878,0,0,83.018878,-2814.2764,385.12103”)

我是否可以摆脱这种转变,或者除了替换现有的转换之外还有新的转换?或者我可以用另一种方式进行缩放?我不需要任何动画 - 只需要缩放页面布局。

1 个答案:

答案 0 :(得分:0)

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

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

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

另一种较轻的方法是继续使用transform方法,但是使用«...»字符串部分附加转换来告诉Raphael它必须重用前一个转换字符串。