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

background-image线上图片为什么不显示？

图三是手机，为什么在开发者工具上就能显示，到手机上就不能了

回答关注问题邀请回答
收藏

5 个回答

  • 你再说一遍？
    你再说一遍？
    2022-04-25

    楼主你好呀，我今天也遇到了这个问题，请问你现在已经解决了吗？是什么原因呀

    2022-04-25
    有用
    回复
  • 秋尘
    秋尘
    2021-10-27

    cover-view是覆盖在原生组件上的文本视图，你可以改用cover-image达到你的目的，同时canvas已经支持同层渲染，你也可以改用同层渲染，使用view 或 image达到你的目的。

    另外，“在微信开发者工具上，通过借助BOM（浏览器对象模型）以及node.js访问系统资源的能力，同时模拟客户端的UI和交互流程，使得大部分的API能够正常执行”，实际上跟手机的运行环境是有差别的，所以为什么有些效果在开发者工具上就能显示，到手机上就不能了。

    2021-10-27
    有用
    回复 2
    • 1
      1
      2021-10-27
      cover-image写的图片我不知道怎么让图片不变形的形况下平铺，我这里是放人员头像，图片都不是正方形；
      使用view 或 image就是图下样式👇
      z-index：999都不管用
      2021-10-27
      赞
      回复
    • 秋尘
      秋尘
      2021-10-28回复1
      我看你的代码canvas没有设置type="2d"，其次这个测试最好用真机测试，canvas是原生组件，开发工具模拟的与手机有可能不一样。可以看看这个代码片段能否解答你的疑惑。https://developers.weixin.qq.com/s/ncRQtnm278u6
      2021-10-28
      赞
      回复
  • 青团社
    青团社
    2021-10-27

    为啥不使用 image标签。。。要去设置背景图。

    2021-10-27
    有用
    回复 5
    • 1
      1
      2021-10-27
      因为canvas层级太高想在上面加个图片加不了，只能用原生组件，但是cover-image又不能自适应平铺，只能做出背景了。
      如果哪位大佬有其他的好的解决办法也行
      2021-10-27
      赞
      回复
    • 青团社
      青团社
      2021-10-27回复1
      canvas 2d就是同层渲染。 使用image设置z-index即可。
      2021-10-27
      赞
      回复
    • 1
      1
      2021-10-27
      设置了999不管用，给canvas设置成0也不行
      2021-10-27
      赞
      回复
    • 青团社
      青团社
      2021-10-27回复1
      设置 2d。给image设置绝对定位 z-index 设置大于0就行了。
      2021-10-27
      赞
      回复
    • 青团社
      青团社
      2021-10-27回复1
      当然你要觉得还有问题 把canvas转为图片。
      2021-10-27
      赞
      回复
  • 凡
    凡
    2021-10-27

    必须合法域名吧 建议下到本地引用

    2021-10-27
    有用
    回复 1
    • 1
      1
      2021-10-27
      这俩是一个图片地址，只不过上面那个是image写的
      2021-10-27
      赞
      回复
  • destiny
    destiny
    2021-10-27

    没配置域名？

    2021-10-27
    有用
    回复 1
    • 1
      1
      2021-10-27
      配置了
      2021-10-27
      赞
      回复
请 登录 后发表内容
相关问题
相关文档