收藏
回答

Painter 中 canvas 的层级问题

项目中有一个生成带有二维码的分享卡片的需求,选择了使用 Painter 绘制。

其中有一个需求如下图所示:顶部的红色区域固定,<painter> 画板可以在 y 轴上滚动,并且位于红色区域下方。


但是,给 <painter> 设置 z-index 无效:在调试器里显示正常,是红色在上,<painter> 在下;在真机上 <painter> 那个 canvas 依然是层级最高的。即便去到 components/painter/painter.wxml 改底层的 <canvas> 也是如此。


甚至,直接在真机调试时手动给 <canvas> 设置 z-index 也是无效的。


最开始以为是 <canvas> 原生组件层级最高的问题,后来了解到 canvas 已经支持设置 z-index ,不是原生组件的问题。请大家看看可能是什么问题。

真机调试时,<painter> 不会马上出来,有一段绘制的时间,在调试界面显示的有一个「等待同步 API measureText 调用」。难道和这个有关系吗?



代码片段地址

最后一次编辑于  06-17  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答