代码片段：https://developers.weixin.qq.com/s/OK1Ml2mN7jpQ
即使是显示设置了canvas的尺寸，为什么在实际绘制的时候那个圆还是被纵向被拉伸了？要怎么样才能既自定义canvas尺寸，还能保证绘制正确呢？谢谢！
相关问题
相关文档
- Canvas.getContext: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.requestAnimationFrame: 小程序/开发/API/画布/Canvas/Canvas.requestAnimationFrame
- Canvas.getContext#参数: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#功能描述: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#返回值: 小程序/开发/API/画布/Canvas/Canvas.getContext
https://developers.weixin.qq.com/s/BrjeN2mH74po ，看看这个可以吗？
画圆用 rect+borderRadius
https://developers.weixin.qq.com/community/develop/article/doc/000ac686c5c5506f18b87ee825b013
这个尺寸你得好好琢磨一下，有很多影响因素的，dpr也是对生成图片有影响的，开发时要适时通过ctx.scale缩放观察
drawInit() {
this.createSelectorQuery()
.select('#poster')
.fields({
node: true,
size: true,
})
.exec(this.canvasInit.bind(this))
},
canvasInit (res) {
// const dpr = wx.getSystemInfoSync().pixelRatio
const width = res[0].width * 2
const height = res[0].height * 2
this.canvasObj = res[0].node
const ctx = this.canvasObj.getContext('2d')
this.canvasObj.width = width
this.canvasObj.height = height
// ctx.scale(0.5, 0.5)
this.drawCanvas(width, height)
}