How to detect point on canvas after canvas rotation in HTML5

JavascriptWeb DevelopmentFront End Scripts

Whenever we work with canvas and want the canvas to be rotated, we need to translate point to draw point as per its rotation.

A transform class can be made to detect point on the canvas after canvas rotation

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]
raja
Published on 11-Apr-2018 13:31:53
Advertisements