uniapp 微信小程序 问题记录

canvas 滚动问题

canvas 组件的高层级导致其可能不会跟随文档流或是一些组件内容滚动. uniapp 官方原话:

canvas 在微信小程序、百度小程序、QQ小程序中为原生组件，层级高于前端组件，请勿内嵌在 scroll-view、swiper、picker-view、movable-view 中使用。解决 canvas 层级过高无法覆盖，参考 native-component。其他小程序端的 canvas 仍然为 webview 中的 canvas。

当 canvas 渲染完毕之后, 使用 uni.canvasToTempFilePath 转换成图片展示.

需要注意的地方:

1. canvas 渲染需要时间, 如果没有渲染成功的回调方法, 则需要用上 setTimeout .
2. uni.canvasToTempFilePath 传入的两个参数 width 和 height , 他们的单位是 px
3. 有尝试过用 v-show 隐藏 canvas , 然后悄摸摸渲染出图片放上去展示, 但是没有成功.

easy-com 组件冲突

components 目录与 uni_modules 中出现了同名组件, 按流程:

1. 删除 components 目录下的该组件
2. 删除根目录下的 unpackage 目录
3. 重启 HBuilderX