如何获得旋转的画布矩形的实际宽度

Question

我使用konva js制作transformable rectangle。我可以使用访问矩形的宽度 rect1.getClientRect().height 。但是，当我旋转矩形时，width属性正在改变。我相信width属性给出了矩形画布容器的整体水平长度。有什么方法可以得到旋转矩形的实际宽度。这是jsfiddle

Answer 1

Konva对象具有attrs属性：rect1.attrs.width * rect1.attrs.scaleX

https://jsfiddle.net/8gack34s/4/

您还可以使用attrs.rotation以数学方式计算它。

  

Konva警告：Konva.Transformer目前是实验性的，可能有bug。请将任何问题报告给GitHub回购。