在使用canvas绘制一个海报时，经常出现部分位置x坐标错位的情况，对比图如下： [图片] [图片] 左边的是正常效果的图，右边的是坐标错位后的结果，其中删除线部分的坐标貌似正常，海报的其他部分坐标也正常， 只有图中3处有问题，有遇到过类似问题的吗，请教是怎么解决的啊？ 以下是部分代码 const ctx = uni.createCanvasContext('myCanvas') // 绘制背景图 ctx.drawImage('../../static/bg_good.jpg', 0, 0, 640, 948) ctx.save() ctx.drawImage('../../static/good.png',27,64,589,575) ctx.save() // 头像 ctx.arc(316,53,36,0,Math.PI*2,false) ctx.clip() ctx.drawImage('../../static/132.jpg',280,17,73,73) ctx.restore() ctx.beginPath() // 商品名称 ctx.font = 'bold 30px Arial' ctx.fillStyle = '#2A2A2A' ctx.fillText(item.goodName,27,690) // 商品价格 ctx.font = '45px Arial' ctx.fillStyle = '#FE1B00' const price = '￥'+item.price let metric1 = ctx.measureText(price) ctx.fillText(price,22,750) //商品原价 ctx.font = '35px Arial' ctx.fillStyle = '#6D6D6D' const origin = '￥'+'900' // 删除线 const x = 22+metric1.width+20 const metrics = ctx.measureText(origin) ctx.fillText(origin,x,750) ctx.moveTo(x,738) ctx.lineTo(x+metrics.width, 738); ctx.stroke();  // 商品备注 ctx.font = '18px Arial' ctx.fillStyle = '#999999' _this.drawText(ctx,item.introduction,27,760,400)// 自定义方法，文字换行显示 ctx.closePath() ctx.restore() // 小程序二维码 ctx.drawImage('../../static/good200.png',461,737,139,139) ctx.fillStyle = '#2A2A2A' ctx.setTextAlign('center') ctx.font = 'bold 18px/1 Arial ' ctx.fillText('-长按识别二维码购买-',530,905) ctx.draw(false,()=>{   uni.canvasToTempFilePath({     canvasId: 'myCanvas',     x: 0,     y: 0,     width: 640,     height: 948,     success: (res) => {       uni.hideLoading()       var preview = []       preview.push(res.tempFilePath)       uni.previewImage({         urls: preview,         longPressActions: {           itemList: ['发送给朋友', '保存图片', '收藏'],           success: function(data) {             console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');           },           fail: function(err) {             console.log(err.errMsg);           }         }       });     }   }) })