无法显示canvas图片
发布于 5 年前 作者 fanxia 15636 次浏览 来自 问答

你想反馈一个 Bug 还是 提一个需求？

这是一个bug。

如果是 Bug：

* Bug 表现是什么？预期表现是什么？

更新最新开发者工具无法显示canvas图片

* 提供一个最简复现 Demo

<view class=‘panel-file’ >    

<block wx:if="{{tempFilePath != ‘’}}">

<canvas canvas-id=‘firstCanvas’ class=‘canvas’></canvas>

</block>

<block wx:if="{{tempFilePath === ‘’}}">

<view class=“image-plus” bindtap=“chooseImage”>

<view class=“image-plus-horizontal”></view>

<view class=“image-plus-vertical”></view>

<view class=‘panel-file-text’>请选择图片 </view>

</view>

</block>

</view>

6 回复

退回到上一版本就正常了。

麻烦给个相关的代码片段（https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html），我们定位下问题

@伍仟零一   返回之前编辑器的版本吗？

@伍仟零一 你好！ 这个问题解决了吗？我也碰到了类似的问题.能否分享下经验。谢谢

我把最新版本的开发者工具卸载了，又重新在公众平台上，下载了上一版本。

//选择图片

chooseImage: function () {

var that = this;

wx.chooseImage({

count: 1,

success: function (e) {

that.setData({

tempFilePath: e.tempFilePaths[0]

})

//console.log(e.tempFilePaths[0])

//将选择的图片传入画布上

const ctx = wx.createCanvasContext(‘firstCanvas’);

ctx.drawImage(e.tempFilePaths[0], 0, 0, 300, 200);

ctx.draw();

}

})

},

回到顶部