怎样可以遮住canvas?
发布于 6 年前 作者 juan70 11629 次浏览 来自 官方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 回复

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

整个都用画布画呗,

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

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

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

回到顶部