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

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

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

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

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

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

代码片段地址