如何获得旋转后 canvas 矩形的实际宽度

How to get the actual width of a rotated canvas rectangle

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

Konva 对象有一个 attrs 属性:rect1.attrs.width * rect1.attrs.scaleX

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

您还可以使用 attrs.rotation 进行数学计算。

Konva warning: Konva.Transformer is currently experimental and may have bugs. Please report any issues to GitHub repo.