EaselJS: растягивание формы по определенной стороне - PullRequest
0 голосов
/ 28 июня 2018

По умолчанию все фигуры вытянуты симметрично от центра фигуры. Можно ли растянуть фигуру на определенную сторону?

enter image description here

1 Ответ

0 голосов
/ 28 июня 2018

Вещи "простираются" от своей исходной точки. Если вы рисуете из центра, а затем масштабируете, то он будет отображаться в масштабе от центра.

Нарисуйте прямоугольник от центра

var r1 = new createjs.Shape();
r1.graphics.beginStroke("red").drawRect(-100,-100,200,200);

Нарисуйте прямоугольник слева

var r2 = new createjs.Shape();
r2.graphics.beginStroke("red").drawRect(0,0,200,200);

Вот скрипка https://jsfiddle.net/owx26481/

В качестве альтернативы вы можете изменить точку регистрации, которая в основном смещает точку, из которой рисуется объект, и имеет тот же эффект:

var r1 = new createjs.Shape();
r1.graphics.beginStroke("red").drawRect(0,0,200,200);

var r2 = new createjs.Shape();
r2.graphics.beginStroke("red").drawRect(0,0,200,200); // SAME

r2.regX = r2.regY = 100; // Change registration point to the center (50%)

Вот обновленная скрипка: https://jsfiddle.net/owx26481/2

Надеюсь, это имеет смысл!

...