如何使用画布调整大小并裁剪图像

22 浏览
0 Comments

如何使用画布调整大小并裁剪图像

我已经知道如何调整图像大小：

var image = document.getElementById('myImage'),
    canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d');
ctx.drawImage(image,0,0,400,300);

或者裁剪图像：

var image = document.getElementById('myImage'),
    canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d');
ctx.drawImage(image,50,50,image.width,image.height,0,0,50,50);

但是我不知道如何先调整大小再裁剪图像。我该怎么做？谢谢。

0