canvas的fillRect设置的画布大小不管用
发布于 6 年前 作者 jie26 11218 次浏览 来自 问答

我在用canvas画图时,如果不单独给canvas标签设置wxss样式固定宽高,单纯的用fillRect设置画布大小不管用,此时画布的大小总是默认300*150,附上代码:

const canvasCtx = wx.createCanvasContext(‘indexCanvas’);

canvasCtx.clearRect(0, 0, 600, 600);

canvasCtx.setFillStyle(‘red’);

canvasCtx.fillRect(0, 0, 600, 600);

canvasCtx.draw();

我这么设置,没有使用wxss单独设置canvas,标签画布显示应该是300*300的,结果总是显示300*150的大小

3 回复

要是动态设置大小,就用数据绑定

style=“width:{{canvasW}}px”

然后在onload 方法里面

setData({

canvasW:300

}}

canvas设置画布大小是在 <canvas>标签里写

style="width: 400px; height: 500px;"

(官方文档要好好阅读啊 童鞋…

你怕不是对 fillRect 有啥误会哦。。这个是填充区域。跟画布大小无关

回到顶部