HTML画布缩放,左边缘固定

时间:2017-03-22 19:41:56

标签: javascript canvas html5-canvas

我正在尝试创建一个将被缩放的元素,但我需要将它贴在左边缘上。我在这里查看文档:

https://www.w3schools.com/tags/canvas_scale.asp

它指出:"定位也将被缩放。如果你缩放(2,2);如图所示,图纸将位于画布左侧和顶部两倍的位置。"

有关如何使其从左上方位置保持静止的任何提示?

1 个答案:

答案 0 :(得分:1)

缩放后,您可以使用var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.strokeRect(5,5,25,15); ctx.scale(2,2); ctx.translate(-2.5, -2.5); ctx.strokeRect(5,5,25,15);将画布原点移回左上角。

<canvas id="myCanvas"></canvas>
mongoose.connection.collections.<collection>.drop()