
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
How to detect point on canvas after canvas rotation in HTML5
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]
- Related Articles
- HTML5 Canvas Font Size Based on Canvas Size
- How to draw large font on HTML5 Canvas?
- How to draw a rectangle on HTML5 Canvas?
- How to center canvas in HTML5?
- How to use multiple click event on HTML5 canvas?
- How to draw a quadratic curve on HTML5 Canvas?
- addEventListener for keydown on HTML5 Canvas
- Update HTML5 canvas rectangle on hover
- Play video on canvas and preserve the last frame/image on HTML5 Canvas
- Translating HTML5 canvas
- HTML5 Canvas distorted
- HTML5 Canvas Transformation
- How to draw an SVG file on an HTML5 canvas?
- World Map on HTML5 Canvas or SVG
- How to copy the content of one HTML5 Canvas to another Canvas locally?

Advertisements