विश्व का सबसे बड़ा हिंदी वेब डेवलपर साइट

HTML Canvas Images

Canvas - Images

To draw an image on a canvas, use the following method:

  • drawImage(image,x,y)


The Scream


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 »
Note You cannot draw the image before the image has loaded. Call the function from window.onload().