我有以下Raphael对象,它们共同构成饼图的3个部分。在鼠标悬停时,我希望它可以缩放和翻译,如本例http://raphaeljs.com/pie.html。
这是他们的开始:
<path style="" fill="#edc240" stroke="#ffffff" d="M0,0L-1.3226185430791413e-14,-72A72,72,0,1,1,-42.32053816505805,58.24922359499623Z" transform="matrix(1,0,0,1,155,80)"></path>
<path style="" fill="#afd8f8" stroke="#ffffff" d="M0,0L-42.32053816505805,58.24922359499623A72,72,0,0,1,-42.32053816505809,-58.2492235949962Z" transform="matrix(1,0,0,1,155,80)"></path>
<path style="" fill="#cb4b4b" stroke="#ffffff" d="M0,0L-42.32053816505809,-58.2492235949962A72,72,0,0,1,-3.086008011632391e-14,-72Z" transform="matrix(1,0,0,1,155,80)"></path>
这是我申请的转型:
.stop().animate({transform: "t165,90s1.1,1.1,155,80"}, 200, "<>");
然而,在应用此转换检查对象时,我看到了这个转换字符串:
transform="matrix(1.1,0,0,1.1,149.5,82)
看起来很奇怪。 如果我手动将变换字符串编辑为:
transform="matrix(1.1,0,0,1.1,155,80)"
它完全符合我的要求。
基本上,我希望能够为我手动编辑它的变换字符串设置动画。 谢谢, 罗斯