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

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/