Cách phát hiện điểm trên canvas sau khi xoay canvas trong HTML5

Khi làm việc với canvas và muốn xoay canvas, cần dịch chuyển điểm để vẽ điểm theo độ xoay của nó.

Một class transform có thể được tạo để phát hiện điểm trên canvas sau khi xoay:

var t = new Transform();
console.log(t.transformPoint(5,6)); // Transform point sẽ là [5,6]
t.rotate(1); // Các transform giống như áp dụng cho canvas
console.log(t.transformPoint(5,6)); // Transformed point sẽ là [-2.347, 7.449]