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);