Вывод изображений в canvas

Чтобы вывести изображение в элемент <canvas>, используют следующий метод:

  • drawImage(image,x,y)

Пример:

pic_the_scream.jpg

JavaScript:


window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
};