我正在使用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...");