< 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
整个都用画布画呗,
最后加一个绘画 超出的绘画成蓝色(不清楚可不可以
canvas是原生组件,层级是最高的,view不能遮住它。
可以考虑用cover-view,但应该也实现不了你这种效果。cover-view只能用在canvas内部,所以也只能遮住它内部的某一部分。
弱弱的问一句,canvas里的内容不都是自己画的么,既然想要这个效果,画成这样不可以么 -_-