我在canvas中插入一个图片，如何控制图片大小

    var canvas = document.getElementById("canvas"),
        ctx = canvas.getContext('2d'),
        img = new Image();
        img.src="xxx.png";
        img.onload = function(){
            ctx.drawImage(img,0,0);
        }

这样图片是原尺寸，我希望可以调整图像大小，怎么破？

---

drawImage有三种原型

drawImage(image, dx, dy) 
drawImage(image, dx, dy, dw, dh) 
drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)

sx：sy：sw：sh： 定义了从image中截取一部分 sx sy 起始位置，sw sh 宽度
dx：dy：dw：dh： 定义了把上述截取的部分显示在哪里，dx dy 在canvas中的起始位置，dw dh 显示的宽度和高度。
你只需要ctx.drawImage(img,0,0);改成ctx.drawImage(img,0,0，你想拉伸为的宽度，你想要拉伸为的高度);