Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何缩放画布中特定于图像的部分_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何缩放画布中特定于图像的部分

Javascript 如何缩放画布中特定于图像的部分,javascript,jquery,html,Javascript,Jquery,Html,我在画布上有一个图像。我想将图像缩放到左侧的特定部分。这将在加载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); }

我在画布上有一个图像。我想将图像缩放到左侧的特定部分。这将在加载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);
}           

非常感谢您的帮助。

您可以尝试这段代码

ctx.scale(2, 2) // Doubles size of anything draw to canvas.
或者看看这个链接