公告列表
公告列表
收藏
回答

怎样可以遮住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
    有用
    回复
请 登录 后发表内容
相关文档