canvas层级问题解决方式
canvas层级问题解决方式
由于无法canvas是绘制出来的，所以无法使用z-index去改变样式的层级，当有需要覆盖该绘制的元素，可以使用以下方法
1.第一种情况：固定浮在绘制元素上层：使用父盒子包裹元素，给父盒子加定位，并且使用 z-index ：0，再对需要浮在该绘制元素上层的元素使用定位，加上z-index：1，实现覆盖绘制元素
2. 第二种情况：弹出层浮在绘制层上层：给弹出层定义事件，弹出时：将绘制元素变为display：none（也可以使用定位，定到你想要的位置，样式按需改动。display可以用三元表达式判断），关闭弹出层时：将绘制元素变为display：block（或者inline-block等值）。
<canvas class="cvs" style="display:{{ifshow?'block':'none'}}">canvas>
<view>弹出view>
<view><button>关闭button>
view>
上述 ifshow 在 data 中定义，给上述中的弹出和关闭写点击事件中更改ifshow（值为true或false）的值就行
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！