收藏
回答

cover-view 真机上不能覆盖canvas

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug cover-view 客户端 6.7.2 2.2.4

- 当前 Bug 的表现(可附上截图)

开发者工具:正常



真机表现:





无法实现cover-view覆盖canvas功能。


代码片段如下:


最后一次编辑于  2018-09-12  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • DongLee
    DongLee
    04-15

    1、在画布中如有需要遮罩层(mask)需求,需要用cover-view,cover-view不支持设置单边的border、background-image、shadow、overflow: visible等

    2、如若非要用图片,cover-view支持嵌套cover-image


    04-15
    赞同 1
    回复
  • 西红柿炖番茄🤣
    西红柿炖番茄🤣
    2018-09-12

    官方文档有说,原生组件不可以被覆盖

    https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html

    2018-09-12
    赞同
    回复 3
    • 肥 猫
      肥 猫
      2018-09-12

      cover-view就是用来解决这个问题的,但是并没有效果在真机上

      2018-09-12
      回复
    • 西红柿炖番茄🤣
      西红柿炖番茄🤣
      2018-09-12回复肥 猫

      抱歉没仔细看文档……不过cover-view的文档里,cover-view貌似是写在原生控件的标签内部的

      2018-09-12
      回复
    • 肥 猫
      肥 猫
      2018-09-12

      我尝试过写在内部,还是不行 = =

      2018-09-12
      回复
  • 是柿子啊
    是柿子啊
    2018-09-12

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-09-12
    赞同
    回复
  • 东东
    东东
    2018-09-12

    你把代码片段发出来。我做的项目需求和你这个一样。但是没遇到你这个问题。外层cover-view有没有用定位。你可以用真机调试排查下。

    2018-09-12
    赞同
    回复 5
    • 肥 猫
      肥 猫
      2018-09-12

      和我截图的一样,就是canvas一直在最上层。

      方便贴一下你的代码码?

      2018-09-12
      回复
    • 东东
      东东
      2018-09-12回复肥 猫

      不好意思,不方便。我这边做的没问题,cover-view可以覆盖canvas

      2018-09-12
      回复
    • 东东
      东东
      2018-09-12回复肥 猫

      如果你也不方便贴代码,然后还找不出问题所在。你可以把中间的文字内容用fillText画出来,然后图标用drawImage加上去,控制好位置就行。

      2018-09-12
      回复
    • 肥 猫
      肥 猫
      2018-09-12

      目前解决方案只能都用canvas画了

      2018-09-12
      回复
    • 东东
      东东
      2018-09-12

      但是我觉得你的问题应该出现在cover-view的样式上。你可以简化你的代码试试效果。

      2018-09-12
      回复
  • 疏影柏翠胭脂淡
    疏影柏翠胭脂淡
    2018-09-14

    cover-view 放navigator无效吧? 里面只能放置下面的这些

    看你真机上的效果 应该是内容被无视掉了

    2018-09-14
    赞同
    回复 1
    • 肥 猫
      肥 猫
      2018-09-14

      解决了 确实是navigator标签的问题 感谢

      2018-09-14
      回复
  • 瑞
    04-17

    我在iOS 12 上使用cover-view尝试了所有方法都无法覆盖canvas,最后还是使用最直接的方法解决的

    方法:

    使用image标签在绘制完成后生成图片,替换掉canvas标签原来的位置,目前未发现任何问题

    04-17
    赞同
    回复