Javascript 缩放问题:在缩放时。。。。画布背景图像未缩放

Javascript 缩放问题:在缩放时。。。。画布背景图像未缩放,javascript,canvas,zooming,Javascript,Canvas,Zooming,画布上的图像具有: function make_base(){ base_image = new Image(); base_image.src = 'bk.jpg'; base_image.onload = function(){ ctx.drawImage(base_image, 0, 0, 1000, 800); } } 但我也在画布上添加圆圈 当我添加图像和圆圈这两个元素。。。圆圈与图像重叠 我不能看到你的代码缩放或圆圈任何地方…我不是专

画布上的图像具有:

function make_base(){
    base_image = new Image();
    base_image.src = 'bk.jpg';
    base_image.onload = function(){
        ctx.drawImage(base_image, 0, 0, 1000, 800);
    }
}
但我也在画布上添加圆圈

当我添加图像和圆圈这两个元素。。。圆圈与图像重叠


我不能看到你的代码缩放或圆圈任何地方…我不是专家在这方面,但考虑改变图像的宽度和高度取决于缩放水平时,你已经设置CTX.SAMEL()你需要重画一切。仅仅设置比例对画布没有任何作用。它只是为下一场平局做准备。但这是一个假设,直到您可以提供更多代码来分析.document.getElementById(“plus”).addEventListener(“单击”,function(){scale/=scaleMultiplier;//ctx.clearRect(0,0,canvas.width,canvas.height);draw(dataJSON,scale,translatePos);},false);在这里,我用draw(dataJSON、scale、translatePos)重新绘制;功能。当我用new image()添加了上面的图像时,如何使用重绘?如何在画布的背景图像上绘制圆,当我缩放时,背景图像和圆也需要缩放