收藏
回答

无法显示canvas图片

问题模块 框架类型 操作系统 工具版本
开发者工具 小程序 Windows 1.02.1803150_x64

你想反馈一个 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>




最后一次编辑于  2018-03-19  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

6 个回答

  • 黄思程
    黄思程
    2018-03-19

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

    2018-03-19
    赞同
    回复
  • 伍仟零一
    伍仟零一
    2018-03-19

    //选择图片

    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();

    }

    })

    },


    2018-03-19
    赞同
    回复
  • 勤
    2018-03-21

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

    2018-03-21
    赞同
    回复
  • 伍仟零一
    伍仟零一
    2018-03-21

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

    2018-03-21
    赞同
    回复
  • 勤
    2018-03-21

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


    2018-03-21
    赞同
    回复
  • 伍仟零一
    伍仟零一
    2018-03-21

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

    2018-03-21
    赞同
    回复