小程序
小游戏
企业微信
微信支付
扫描小程序码分享
绘制如上图 ↑
保存到相册时如下图 ↓
绘制图片的时候都能正常显示,就是最后一步用 wx.canvasTempFilePath 保存成缓存图片时,canvas里的图片就变空白了
只显示文字,不显示图片内容,是什么原因呢?
代码片段:https://developers.weixin.qq.com/s/JqVa3tmC7kCX
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
图片链接是不是没加到域名配置里面
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
在导出图片时
ctx.drawImage() 绘制的图片不显示
ctx.fillText() 绘制的文本可以显示
这是什么原因?
saveShareImg(){
var that = this;
wx.canvasToTempFilePath({
canvas: that.canvas,
success(res) {
console.log(res.tempFilePath)
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath
})
}
},
createNewImg: function () {
wx.createSelectorQuery()
.select('#shareCanvas') // 在 WXML 中填入的 id
.fields({ node: true, size: true })
.exec((res) => {
// Canvas 对象
const canvas = res[0].node
that.canvas = canvas; // 保存canvas实例
...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
图片链接是不是没加到域名配置里面
在导出图片时
ctx.drawImage() 绘制的图片不显示
ctx.fillText() 绘制的文本可以显示
这是什么原因?
代码片段:https://developers.weixin.qq.com/s/SdhZFum57HCF
saveShareImg(){
var that = this;
wx.canvasToTempFilePath({
canvas: that.canvas,
success(res) {
console.log(res.tempFilePath)
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath
})
}
})
},
createNewImg: function () {
wx.createSelectorQuery()
.select('#shareCanvas') // 在 WXML 中填入的 id
.fields({ node: true, size: true })
.exec((res) => {
// Canvas 对象
const canvas = res[0].node
that.canvas = canvas; // 保存canvas实例
...
})
}