一个Canvas只能画一个圆么?
发布于 6 年前 作者 duping 14364 次浏览 来自 问答

我的代码如下:

const back_ctx = wx.createCanvasContext(‘back_canvas’);

back_ctx.arc(18, 18, 10, 0, 2 * Math.PI);

back_ctx.setFillStyle(’#EEEEEE’)

back_ctx.fill();

back_ctx.arc(100, 100, 10, 0, 2 * Math.PI);

back_ctx.setFillStyle(‘red’)

back_ctx.fill();

这两个圆总是在18,18这个位置,研发会随着这两个圆写的先后顺序显示不同颜色。

2 回复
ctx.beginPath()
ctx.arc(100, 25, 2, 0, 2 * Math.PI)
ctx.setFillStyle('blue')
ctx.fill()

ctx.beginPath()
ctx.arc(150, 75, 2, 0, 2 * Math.PI)
ctx.setFillStyle('red')
ctx.fill()

看文档的例子。

非常感谢,你的写法有效,我之所以没有看到,是因为在canvas中被其他的视图挡住了,另外就是没有加ctx.beginPath()。谢谢。

回到顶部