KineticJS - 缩放后重新缩放图像/形状

时间:2013-12-21 04:02:23

标签: javascript canvas kineticjs

所以基本上我有一个应用程序,通过缩放每一层并调整图层的位置来放大。但是我在某些图层上有一堆圆圈(和图像),无论缩放级别如何(无论图层的比例如何),我都需要保持相同的尺寸。

有没有办法在没有迭代的情况下设置图层中每个形状/图像的比例?我已经看过使用Group了,但没有通用的方法来设置通用比例。

如果没有,是否有一种有效的方法可以在没有迭代的情况下做到这一点?

1 个答案:

答案 0 :(得分:0)

将非缩放对象放在单独的组中,然后根据groups图层的缩放系数重新缩放(并可选择重新定位)该组。

演示:http://jsfiddle.net/m1erickson/2X7eK/

var scaleFactor=2;

// scale the entire layer by 2X

layer.setScale(scaleFactor);

// unscale just the noGroup back to original size

noGroup.setScale(1/scaleFactor);

// reposition just the noGroup back to it's original position
// before the layer was resized

noGroup.setPosition(noGroup.getX()/scaleFactor,noGroup.getY()/scaleFactor);