KonvaJS применяет матрицу преобразования к React.Shape

Учитывая следующий прямоугольник в SVG.

<rect xmlns="http://www.w3.org/2000/svg" x="72.036" y="156.473" transform="matrix(0.1727 -0.985 0.985 0.1727 -83.7081 215.7814)" style="fill:none;stroke:#020202;stroke-width:0.5;stroke-miterlimit:10;" width="29.129" height="2.498"/>

Вышеуказанный прямоугольник должен отображаться соответственно в KonvaJS как Konva.Rect https://konvajs.github.io/api/Konva.Rect.html

На основе разложения матрицы необходимо применить следующее: перевести (-83,7081, 215,781) повернуть (-80,0554125754873) масштаб (1,0000251446838724)

Насколько я понимаю, можно применить поворот, масштаб и перекос, но как применить значения перевода? Должны ли они быть добавлены к x и y или к offsetX / offsetY вместо этого?

Или есть способ применить класс Transform к Rect?

Спасибо.


person Tobias Meixner    schedule 07.09.2017    source источник


Ответы (1)


Вы должны использовать {x,y} свойства.

Или есть способ применить класс Transform к Rect?

Нет, общедоступный API не позволяет этого.

person lavrton    schedule 08.09.2017