canvas 绘图api的位置问题

Posted 瓶子2333

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas 绘图api的位置问题相关的知识,希望对你有一定的参考价值。

今天因为canvas绘图的为之问题浪费了一些时间。

我们知道canvas的默认宽高是300X150嘛。

实际使用的时候当然是自定义一个高宽啦。

在js中通过canvasDom.style设置了某个高宽的时候,canvas在页面上也确实伸缩了。

但是用某些api的时候,传入位置参数时,还是按照300X150规格来处理位置的!如果想让位置居中的话,传入canvas.width/2或canvas.height/2就好了。

这是之前留意过的问题,今天才发现。可怜我试错地在模拟器上反复折腾,确定真相的我眼前一黑。。。

想来是我孤陋寡闻了,今天又认识了一点点。


以上是关于canvas 绘图api的位置问题的主要内容,如果未能解决你的问题,请参考以下文章

用Flutter做桌上弹球?聊聊绘图(Canvas&CustomPaint)API

用Flutter做桌上弹球?聊聊绘图(Canvas&CustomPaint)API

canvas基础API

canvas加入代码是啥

Java AWT 图形界面编程Canvas 组件中使用 Graphics 绘图 ② ( AWT 绘图步骤 | Graphics 绘图常用 API )

Java AWT 图形界面编程Canvas 组件中使用 Graphics 绘图 ② ( AWT 绘图步骤 | Graphics 绘图常用 API )