微信小程序中 canvas 层级过高问题

在微信小程序中设置自定义标题后，自定义标题并不能覆盖住canvas

小程序中 canvas、textearea、video等组件使用原生渲染，层级最高，无法通过z-idnex设置进行控制

1在微信小程序的社区也有类型的问题，官方给出的解决办法是将其进行隐藏，在需要时进行显示。

2介于我的问题是canvas显示问题，并且canvas不是实时渲染，可以将canvas在渲染后变成进行展示：wxcanvasToTempFilePath

如果可以用css动画进行解决，也是可以的

canvas转换api不相同，并且参数不相同，支付宝参数与支付宝开发者文档中的参数都出现不相同

下面我们看微信的wxcanvasToTempFilePath和支付宝ctxtoTempFilePath中success返回的参数差异,我们如果要获取对应的，wx返回两种格式，一种是本地，一种是>

canvas是画布是一张怎么会有线条元素让你去点击呢

右键点击你还能看到另存为

canvas上所有的事件都是通过点击区域、坐标转换来绑定完成的

你的问题应该是想让线条做一些改变，这种，直接在代码中写控制，让线条改变，并刷新画布

这一报错在微信开发者论坛中被多次提及，最多被提到的就是这一方法。

wxdraw()是一个异步执行的api，canvasToTempFilePath需要在其回调中执行。延迟 200毫秒 一般就可以解决这个问题。

当这个api只执行一次时延迟200毫秒其实无所谓，但是多次调用时，这个延迟也浪费了不少时间。对于性能强大的手机，这也是一种浪费，一般只有性能较弱的安卓机才会出现这个问题。所以我更建议大家使用下面一个。

canvasToTempFilePath本身也是异步api，有错误回调可以使用。

我的项目中需要绘制的大小为180180px，耗时基本在50-100ms左右。报错一次以后canvas基本也就准备好了，一般不会错第三遍。

题外话：这一个api的耗时与画布大小密切相关，也建议大家绘制时一定要控制好canvas画布大小。比方说，绘制200200的，canvas要大小一致。尤其是数量比较大时，在模拟器上体现不出差别，但是手机上影响很大。

以上就是关于微信小程序中 canvas 层级过高问题全部的内容，包括:微信小程序中 canvas 层级过高问题、支付宝&微信小程序Canvas生成图片、js 外部按钮点击事件与canvas画布里的线条鼠标事件冲突等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！