页面根据屏幕大小设置画布高度，为了不影响页面的其他组件操作，比如view，swiper，scroll，button等，设置了z-index=-10

js绘图添加文字水印

在开发者工具中，画布水印显示正常，页面其他组件能正常滑动和点击；

手机预览，调试没有报错，但是画布水印没有显示，页面组件能正常滑动和点击。

将z-index属性去掉，或者设置z-index=1;时，或者更大时，

在开发者工具中，画布水印显示正常，但是页面其他组件被覆盖了，无法滑动和点击；

手机预览时，可以显示画布水印，但是页面的其他组件也是被覆盖了，无法滑动和点击。

这个问题怎么解决呢？

想要的效果就是页面添加文本水印，不滚动，不影响页面其他组件的操作。