问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 Bug canvas 工具 开发者工具 2.2.1

- 当前 Bug 的表现（可附上截图）
filleRect后，clip圆型区域画图片变成了方的了






- 预期表现
1.图片是圆的而不是方的


- 复现路径




- 提供一个最简复现 Demo
draw: function() {
const ctx = wx.createCanvasContext('test1')


// save the default fill style
ctx.save()
ctx.setFillStyle('blue')
ctx.fillRect(10, 10, 150, 100)
// restore to the previous saved state
ctx.restore()


// ctx.save()
// ctx.setFillStyle('red');
// ctx.fillRect(50, 50, 150, 100)
// ctx.restore()


ctx.save()
ctx.beginPath()
ctx.arc(100, 50, 25, 0, 2 * Math.PI)
ctx.clip()
ctx.setFillStyle('yellow');
ctx.fill()
ctx.drawImage('/images/wx.jpg', 75, 25, 50, 50)
ctx.restore()



ctx.draw()
}

微信小程序开发问题解答