- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to rotate an image with the canvas HTML5 element from the bottom center angle?
Translate the image dimensions to 32, 120 −
context.translate(32, 120);
Now rotate the canvas −
context.rotate(90 * Math.PI/180);
Now draw the image −
context.drawImage(img, -32, -120, 64, 120);
- Related Articles
- How to center canvas in HTML5?
- How to center an image in canvas Python Tkinter
- PyTorch – How to rotate an image by an angle?
- Rotate HTML5 Canvas around the current origin
- Change colour of an image drawn on an HTML5 canvas element.
- Can the HTML5 Canvas element be created from the Canvas constructor?
- Drawing an image from a data URL to a HTML5 canvas
- How to Rotate image in image view by an angle in Android?
- How to rotate an Image in ImageView by an angle on Android?
- How to rotate an image with a given angle using imagerotate() function in PHP?
- Rotate the element based on an angle using CSS
- How to center an image with CSS?
- Load image from url and draw to HTML5 Canvas
- How to center an Image object on current viewport of canvas using FabricJS?
- Draw part of an image inside HTML5 canvas

Advertisements