HTML Canvas Images
Canvas - Images
To draw an image on a canvas, use the following method:
Example:
Example
Function to draw the image on a canvas:
window.onload()
function () {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var img = document.getElementById("scream");
ctx.drawImage(img, 10, 10);
}
Try it Yourself »
|
You cannot draw the image before the image has loaded. Call the function from
window.onload().
|
Color Picker