收藏
回答

怎样可以遮住canvas?

<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


最后一次编辑于  2019-07-23
回答关注问题邀请回答
收藏

5 个回答

  • 邱一欢
    邱一欢
    2019-07-23

    整个都用画布画呗,

    2019-07-23
    有用
    回复
  • 刘汝佳
    刘汝佳
    2019-07-23

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

    2019-07-23
    有用
    回复 1
    • 涛々
      涛々
      2019-07-24
      不行,其实蓝色背景是,在正常需求上是一张背景图片的
      2019-07-24
      回复
  • 阿白
    阿白
    2019-07-23
    1. canvas是原生组件,层级是最高的,view不能遮住它。

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

    2019-07-23
    有用
    回复 3
    • 涛々
      涛々
      2019-07-23
      对,实现不了,用cover-view标签也不行
      2019-07-23
      回复
    • 天魔&龙魂
      天魔&龙魂
      2019-07-23回复涛々
      你把图片放到canvas里不就得了
      2019-07-23
      回复
    • 涛々
      涛々
      2019-07-24
      不行,我其实真正的需求是涂色加缩放,涂的区域只能涂黑色线条内的,你用画布画图,就判断不了涂的区域
      2019-07-24
      回复
  • Smile
    Smile
    2019-07-23

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

    2019-07-23
    有用
    回复 1
    • 涛々
      涛々
      2019-07-23
      里面是图片,宽高和canvas一样的大, 主要想实现画布缩放功能,这遮不住缩放功能做出来后就很尬。。
      2019-07-23
      回复
  • 2019-07-23
    来来来
    2019-07-23
    有用
    回复
登录 后发表内容