上面是原图:
下面是draw后canvasToTempFilePath生成图片:
正常的pc:wx.getSystemInfoSync().pixelRatio: 1
不全的pc:wx.getSystemInfoSync().pixelRatio: 1.5
宽高打印出来的数据一致
html片段:
js片段:
ctx.draw(false, () => {
wx.canvasToTempFilePath(
{
x: 0,
y: 0,
// width: _this.data.boxWidth,
// height: _this.data.boxHeight,
width: tempPosition.dWidth,
height: tempPosition.dHeight,
// destWidth: _this.data.boxWidth * wx.getSystemInfoSync().pixelRatio,
// destHeight: _this.data.boxHeight * wx.getSystemInfoSync().pixelRatio,
// destWidth: tempPosition.dWidth * wx.getSystemInfoSync().pixelRatio,
// destHeight: tempPosition.dHeight * wx.getSystemInfoSync().pixelRatio,
destWidth: tempPosition.dWidth,
destHeight: tempPosition.dHeight,
fileType: 'png',
quality: 1,
canvasId: 'tempCanvas',
success(res) {
console.log('编辑成功', res.tempFilePath)
wx.hideLoading()
_this.triggerEvent('editorImageOk', {
tempFilePath: res.tempFilePath
})
},
fail() {
console.log('编辑失败', e)
wx.hideLoading()
wx.showToast({ title: '保存失败', icon: 'none' })
_this.closelEditor()
}
},
_this
)
})
thinkpad笔记本,分辨率1920*1080,微信版本3.1.0.67, 小程序基础库2.15.0。
部分PC电脑版微信 小程序wx.canvasToTempFilePath生成图片显示不全。不是开发者工具!
2024了还有这个问题
快两年了,, 楼主这个问题最后解决了吗 请指教
这个问题最后咋解决哦 楼主 请指教
你画布不全,不是这个方法问题