Open JzwOnly opened 6 years ago
请问你这个问题解决了嘛?我现在也遇到这个问题了
@13241491189 没搞定 你有什么解决方案吗
@xiaolin3303
@JzwOnly @13241491189
把canvas渲染完输出为图片显示,把canvas设置一个定位到页面外,注意annimate设置为false,就算是update也可以快速生成新的图片
this.chart.addEventListener('renderComplete', () => { wx.canvasToTempFilePath({ canvasId: 'pieCanvas', success: (res) => { this.imgSrc = res.tempFilePath; }, fail: () => { console.log('fail'); } }) });
`
<canvas canvas-id="pieCanvas" disable-scroll="true" class="canvas"></canvas>
`
这个是小程序的bug: https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html#canvas Bug & Tip tip: canvas 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。 tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 canvas 组件。 tip: css 动画对 canvas 组件无效。 bug: 避免设置过大的宽高,在安卓下会有crash的问题
@czhaoli 感谢 之前就是放在scrollview 中出现的这个问题 找了好久没什么解决方法 最后改成了普通的view
模拟器上显示正常
真机上 图表不显示,点击vConsole 图表显示到了视图最顶层
![img_0593](https://user-images.githubusercontent.com/21191349/43380366-783ab476-9403-11e8-8d2c-d5db6c5b7b56.PNG)