Javascript 固定左边缘的HTML画布缩放_Javascript_Canvas_Html5 Canvas

Javascript 固定左边缘的HTML画布缩放

javascript canvas html5-canvas

Javascript 固定左边缘的HTML画布缩放,javascript,canvas,html5-canvas,Javascript,Canvas,Html5 Canvas,我试图创建一个将被缩放的元素，但我需要将其粘贴到左边缘。我在这里查看文档：其中说明：定位也将缩放。如果你缩放2,2；图形的位置将是您指定的画布左侧和顶部的两倍关于如何保持画布从左上角静止的提示？缩放后，可以使用ctx.translate将画布原点移回左上角 var c=document.getElementByIdmyCanvas； var ctx=c.getContext2d； ctx.strokeRect5,5,25,15； ctx.scale2,2； ctx.translate-2.

我试图创建一个将被缩放的元素，但我需要将其粘贴到左边缘。我在这里查看文档：

其中说明：定位也将缩放。如果你缩放2,2；图形的位置将是您指定的画布左侧和顶部的两倍

关于如何保持画布从左上角静止的提示？

缩放后，可以使用ctx.translate将画布原点移回左上角

var c=document.getElementByIdmyCanvas； var ctx=c.getContext2d； ctx.strokeRect5,5,25,15； ctx.scale2,2； ctx.translate-2.5，-2.5； ctx.strokeRect5,5,25,15；