html5画布图像调整大小

html5 canvas image resize

本文关键字：调整 图像 布图像 html5      更新时间：2023-09-26

如何调整画布中已绘制的图像的大小？

我尝试了这个，但没有运气（图像正在显示，但它没有调整大小）：

var drawBall = function(mouseX, mouseY){
    ballimg = new Image();
    ballimg.onload = function(){
        ctx.drawImage(ballimg, mouseX-25, mouseY-25);
        ballimg.height = 5;
        throwed = true;
    };
    ballimg.src = "ball2.png";
};

您不能调整画布上绘制的对象的大小。

您需要做的是重新绘制对象。

清除旧球所在的上下文ctx.clearRect(x,y,x2,y2)然后用新尺寸画一个新球。

如果要在画布上设置动画。这样做的方法是跟踪所有对象，并为每一帧重新绘制画布（每一个对象）。

相关文章：