1

我有一个包含图像对象的集合。每个对象都使用“clip-rect”属性进行裁剪。当我改变整个集合时

   allframes.transform("t50,0")

所有图像都向右移动 50 个像素,但 clip-rect 保持在原位。如何让 clip-rect 属性与整个集合一起转换?

我为此工作了几个小时,并且正在绘制空白。我确实想出了一个低效的解决方案:

当我第一次创建图像并裁剪它们时,我使用裁剪属性创建矩形,并将它们推入集合中。当我变换集合时,矩形也会移动,然后我重置剪辑矩形上的属性,使其与相应矩形的 getBBox 匹配。它工作了一段时间,但现在代码变得太复杂了。

有什么方法可以相对于它们的位置移动“clip-rect”吗?

这是我的问题的说明:http: //jsfiddle.net/28Fcn/

黄色方块与其他方块大小相同,但已被裁剪。当我转换整个集合时,所有元素都会移动,但裁剪会保持原位。单击矩形并查看。

这是我不理想的解决方案 http://jsfiddle.net/PgK6w/

有任何想法吗?

4

0 回答 0