KineticJS - 확대/축소 후 이미지/도형 조정

Question

기본적으로 모든 레이어의 크기를 조정하고 레이어의 위치를 ​​조정하여 확대하는 응용 프로그램이 있습니다. 그러나 나는 레이어의 크기에 상관없이 줌 레벨에 관계없이 동일한 크기를 유지해야하는 일부 레이어에 원 (및 이미지)을 많이 가지고 있습니다.

반복하지 않고 레이어의 모든 모양/이미지의 비율을 설정할 수있는 방법이 있습니까? 그룹을 사용하여 보았지만 보편적 인 척도를 설정하는 보편적 인 방법은 없습니다.

그렇지 않은 경우 반복하지 않고 효율적인 방법이 있습니까?

Answer 1

스케일링되지 않은 개체를 별도의 그룹에 넣은 다음 그룹 레이어의 배율 인수에 따라 해당 그룹의 크기를 조정하고 다시 정렬하십시오.

데모 : 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);