Как изменить размер изображения, которое было загружено в JavaScript

Question

Отработка этого jsfiddle Я не могу изменить высоту или ширину изображения.Я планирую использовать другое изображение, круг просто для простоты, чтобы я мог понять, что происходит.

var elem = document.getElementById('myCanvas');
var context = elem.getContext('2d');
    
// Add shadow to canvas
context.shadowOffsetX = 5;
context.shadowOffsetY = 5;
context.shadowBlur = 4;
context.shadowColor = 'rgba(30,30,30, 0.5)';
    
// Load circle image (red)
var img = new Image();
img.onload = function() {
  context.drawImage(img, 0,0);
};
img.src = "http://i.imgur.com/0Kt6H.png";

<canvas id="myCanvas" width="100" height="100">

Answer 1

Вам необходимо добавить context.drawImage () в функцию

context.drawImage(img,x,y,width,height);