Как загрузить стороннее изображение в canvas?

Question

[Никита //]

Необходимо что бы изображение из input[type='file'] загружалось в canvas. Можно сделать так, что бы сначала загрузка происходила в тег img, а уже из img в canvas, без разницы.

Answer 1

[Петр]

input - on change
var reader = new FileReader();
у вас URL в ev.target.result
А далее:

var img = new Image;
img.onload = function(){
  canvas.drawImage(img,0,0); 
};
img.src = ev.target.result;

Answer 2

[trunovalex]

насколько я знаю нет

Answer 3

[Ivan Kuznetsov]

https://www.w3schools.com/tags/canvas_drawimage.asp
+
stackoverflow.com/questions/18457340/how-to-previe...