在canvas绘图时坐标不正确
发布于 5 年前 作者 wliao 4100 次浏览 来自 官方Issues

canvas要想在浏览器正常显示的话要写成以下这种形式

<canvas id="c1" height="300px" width="300px" style="background-color: yellow"></canvas>

写成以下两种方式绘图时坐标会错误

<canvas id="c1" style="height: 300px;width: 300px;background-color: yellow"></canvas>

<canvas id="c1"></canvas>
#c1{
            background-color: yellow;
            height: 300px;
            width: 300px;
  }

官方可参考这篇文章:https://www.jb51.net/html5/147328.html

而在微信小程序中直接给canvas通过width,height赋值时是无效的,另外两种添加样式方法绘图时坐标会不正确,这就造成无法在canvas中正常绘图,希望官方能修复一下这个问题

2 回复

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

回到顶部