Raphael-使用transform缩放js路径-意想不到的结果



我是第一次使用raphael,并且有一个svg,我使用在线转换器将其转换为javascript路径。我现在遇到了一个问题-路径上都有一个。transform,所以我不能在我的脚本中缩放它们(对我来说非常令人困惑-任何新的。transform的任何比例使它们在每个宽或高一个或两个px。)

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

我如何摆脱这个转换,或者有一个新的工作,而不是取代现有的一个?或者我可以用另一种方法来缩放吗?我不需要任何动画-只需要缩放页面布局

当前变换矩阵显示为*83刻度。使用.transform重置这个变换,如果你在变换中不使用相同的缩放顺序,路径将看起来相当小。

很难重构转换工具结果代码来直接使用坐标已经转换的路径

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

另一种更轻松的方法是继续使用transform方法,但使用«…字符串部分告诉Raphael它必须重用之前的转换字符串

最新更新