【报Bug】uni-app 组件中canvas无法绘制必须在首页中组件模式能否切换编译组件不使用微信组件

分类：uni-app

uniapp canvas

详细问题描述

uni-app 组件中canvas无法绘制必须在首页中组件模式能否切换编译组件不使用微信组件
[内容]

canvas如何放到组件中就无法绘制组件编译能否像wepy那样不使用小程序组件模式而是直接编译模式编译到页面中

2019-06-22 17:06 负责人:无分享

最佳回复

uni.createCanvasContext('firstCanvas', this) // 当处于组件中时要传入组件实例 this

uni-app支持非自定义组件编译模式，manifest里改。但由于性能不如自定义组件模式好，所以大多数开发者使用的都是自定义组件模式。其实wepy性能不如uni-app，很大程度也是组件差异造成的。因为组件可以差量更新数据

4***@qq.com

请问一下我放组件中的canvas为何第一次draw出来了后面就再也draw不出来了？目前版本支持吧canvas放在组件中吗

2019-08-01 19:23
l***@qq.com

试过非自定义组件编译模式，确实可以正常draw，但提示"2019年11月1日停止对非自定义组件模式支持"，所以这不是个解决办法啊

2019-10-10 08:45
l***@qq.com

请你们帮尽快修复一下

2019-10-10 08:47

自定义组件canvas 就报错：Error in event handler for "service.2-canvas-_myCanvas": "TypeError: Cannot read property 'data' of undefined"

试试 created (){this.$nextTick(() => {代码})}

组建中不能放canvas标签吗？我也draw不出来设置非自定义组件编译模式也不行
应用市场的海报插件怎么可以吧canvas方放组件中的

爱星雾月

uniapp 对canvas支持超垃圾 ctx.drawImage("远程文件", 0, 0, 1, 2) 没有成功过！

2019-08-01 20:57
hello987

同样的代码，放在index.vue中可以绘制，但放在组件中无法绘制。

应该是uniapp的锅了，复杂一点的canvas动画实现起来就麻烦了。

2019-08-02 18:09
4***@qq.com

回复爱星雾月: 所以我都用downloadFile下载图片了。。。

2019-08-05 11:01