在HTML5中画布旋转后如何检测画布上的点

每当我们使用画布并希望旋转画布时,都需要根据其旋转将点平移到绘制点。

在画布旋转之后,可以创建一个转换类来检测画布上的点

var t = new Transform();
console.log(t.transformPoint(5,6)); //Transform point will be [5,6]

t.rotate(1); // Same transformations can be applied that we did to the canvas
console.log(t.transformPoint(5,6)); // Transformed point will be [-2.347, 7.449]