javascript - 如何缩放 Canvas 中图像的特定部分

Question

我在 Canvas 上有一个图像。我想将图像缩放到左侧的特定部分。它会在加载后 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/