WXOPEN Club

怎样可以遮住canvas？

发布于 7 年前作者 juan7011791 次浏览最后编辑 7 年前来自 issues
<view class="intro">
 
    <canvas disable-scroll="true" class="canvas" canvas-id="myCanvas">
 
        <cover-image class="c-img" src="https://img.kidsvideo.cn/bbts/image/content/shiwu/shiwu3.png"></cover-image>
 
    </canvas>
 
</view>

最外层一个view，设置 overflow: hidden； 里面包裹着canvas（宽高比外层的大），正常想要看到的效果是这样的(开发者工具)

然而在真机上看到的是这样：

‍遮不住，overflow: hidden；没效果。

请问怎样可以实现这效果呢？？

代码片段：https://developers.weixin.qq.com/s/7TGYS4mJ7Fav

5 回复
juntan
juntan1 楼6 年前

弱弱的问一句，canvas里的内容不都是自己画的么，既然想要这个效果，画成这样不可以么 -_-

na79
na792 楼6 年前

整个都用画布画呗，

fengjie
fengjie3 楼6 年前

最后加一个绘画 超出的绘画成蓝色（不清楚可不可以

yqin
yqin4 楼6 年前

  1. canvas是原生组件，层级是最高的，view不能遮住它。

  2. 可以考虑用cover-view，但应该也实现不了你这种效果。cover-view只能用在canvas内部，所以也只能遮住它内部的某一部分。

fsong
fsong5 楼5 年前

来来来