将转换应用于Raphael.js中的集合

Tim*_*les 5 raphael

使用Raphael 2.0,我试图以一种相对于集合中所有对象的方式将变换应用于一组对象.但是,我得到的效果是变换分别应用于每个项目,而不管集合中的其他对象.

例如:http://jsfiddle.net/tim_iles/VCca9/8/ - 如果您现在取消注释最后一行并运行代码,则每个圆圈的缩放比例为0.5x.我想要实现的实际效果是缩放整个圆圈,因此它们的相对距离也会缩放,这应该将它们中的所有四个放在白色方块的边界框内.

有没有办法使用Raphael的内置工具实现这一目标?

小智 11

缩放时,第一个参数是X刻度.如果不提供其他参数,则将其用作Y标度,并围绕对象的中心缩放.

缩放矩形时,它会围绕矩形的中心缩放.如果您希望圆圈也围绕该点进行缩放,而不是它们的中心,则应该提供该点.

所以最后一行可能是set.transform("s0.5,0.5,100,100");(100,100是你缩放的矩形的中心)

至少,我认为这就是你所要求的.