如何在画布中缩放图像特定部分

Question

我在画布上有一个图像。我想将图像缩放到左侧的特定部分。它会在加载后10秒发生（变焦也很慢）。我怎么能这样做？

function draw()
{
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var y = new Image();
    y.src = "images.jpg";
    ctx.drawImage(y,0,0,400,400);
}           

非常感谢任何帮助。

Answer 1

你可以尝试这段代码

ctx.scale(2, 2) // Doubles size of anything draw to canvas.

或查看此链接http://www.akademy.co.uk/blog/2010/06/canvaszoom-html5-canvas-and-code/