SVG.JS附加或前置转换

时间:2013-06-27 07:52:26

标签: svg raphael

我正在使用svg.js和svg.import.js来绘制svg图像。我尝试使用动画功能动画一些元素。我不知道如何在现有转换上附加转换。这是我在SVG文件中的元素:

<g id="g5600" style="display:inline;" transform="matrix(0.64633527,-0.76305355,0.76305355,0.64633527,-257.64528,53.75293)">...</g>

当我尝试例如:

store.g5600.animate(2000).rotate(45);

结果是:

<g id="g5600" style="display:inline;" transform="rotate(45,155.6640625,382.421875)">...</g>

我想要的结果是(存在矩阵+旋转):

<g id="g5600" style="display:inline;" transform="matrix(0.64633527,-0.76305355,0.76305355,0.64633527,-257.64528,53.75293) rotate(45,155.6640625,382.421875)">...</g>

我已经尝试过这段代码,但是我认为这不是最佳解决方案。

store.g5600.transform('matrix', '0.64633527,-0.76305355,0.76305355,0.64633527,-257.64528,53.75293').animate(2000).rotate(45);

所以我的问题是如何追加(或前置)转换。 顺便说一句,我认为在拉斐尔这是通过使用:

来完成的
el.transform("...t50,50");
el.transform("s2...");

1 个答案:

答案 0 :(得分:2)

svg.import.js插件现已更新为解析转换。所以这个问题应该得到解决。请告诉我它是怎么回事。