制作动画时防止矢量缩小到其原始大小

【问题标题】：keeping vectors from shrinking back to their original size when animating制作动画时防止矢量缩小到其原始大小
【发布时间】：2012-06-11 22:54:16
【问题描述】：

在我的演示中：http://jsfiddle.net/7QA43/8/ 我已经将向量设置为它的大小的 3 倍，并且在滚动时它只需要旋转 90 度，而是缩小到原来的大小。有没有办法防止这种情况发生？

【问题讨论】：

【解决方案1】：

尝试将s3 添加到您的变换动画中。

function hovering(e){
         this.animate({
            transform: 'r90,s3',
             'stroke-width':'5'
        }, 500);
}

【讨论】：

它似乎仍然缩小了一点。 raphael 有办法永久增加路径向量的大小吗？
不是为了这个，因为当您为transform 属性设置动画时，您会覆盖任何其他转换。所以s3 转换将动画恢复正常。
这对拉斐尔来说是一个巨大的限制
如果您希望始终缩放路径，可以使用raphaeljs.com/reference.html#Raphael.transformPath 获取缩放路径（或者您可以事先进行数学运算以确保路径大小正确）。