- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- 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
Drawing an image from a data URL to a HTML5 canvas
If you have a data url, you can create an image to a canvas. This can be done as shown in the following code snippet −
var myImg = new Image; myImg.src = strDataURI;
The drawImage() method draws an image, canvas, or video onto the canvas. The drawImage() method can also draw parts of an image, and/or increase/reduce the image size.
The code given below is also appropriate with the sequence - create the image, set the onload to use the new image, and then set the src −
// load image from data url Var Obj = new Image(); Obj.onload = function() { context.drawImage(myImg, 0, 0); }; Obj.src = dataURL;
Advertisements