收藏
回答

Skyline 真机image无法正确渲染SVG?

真机:IPhone 14 Pro Max

基础库:3.4.10

表现异常的地方是:真机上image的mode=scaleToFill是无效的。

由于代码片段不支持skyline模式运行,请官方人员复制以下示例到skyline项目里运行看看。

<image style="width: 200px;height: 200px;background: #eee" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%233f4945%22%20d%3D%22M240-200h120v-240h240v240h120v-360L480-740%20240-560v360Zm-80%2080v-480l320-240%20320%20240v480H520v-240h-80v240H160Zm320-350Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"></image>
回答关注问题邀请回答
收藏

4 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    07-08

    请提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    07-08
    有用
    回复 7
    • 西柚
      西柚
      发表于移动端
      07-08
      代码片段无法使用skyline渲染方式运行
      07-08
      回复
    • 社区技术运营专员-Jahozheng
      社区技术运营专员-Jahozheng
      07-08回复西柚
      无法运行你怎么确定的Skyline 真机image无法正确渲染SVG 而且你给的src本身就不是在线链接
      07-08
      回复
    • 西柚
      西柚
      发表于移动端
      07-08回复社区技术运营专员-Jahozheng
      这个是url编码的svg,和直接引用svg文件效果是一样的,这么做只是为了给官方复制粘贴方便
      07-08
      回复
    • 西柚
      西柚
      发表于移动端
      07-08回复社区技术运营专员-Jahozheng
      代码片段只是无法使用skyline 模式运行,正常skyline 项目里真机测试就是这样的。
      07-08
      回复
    • 社区技术运营专员-Jahozheng
      社区技术运营专员-Jahozheng
      07-08回复西柚
      你创建一个代码片段用skyline运行就行了
      07-08
      回复
    查看更多(2)
  • 梦尋 # Junjie 🍂
    梦尋 # Junjie 🍂
    11-04

    这不是微信的问题 是你自己的问题 ,这种问题 你明知道微信对svg 的渲染就不是那么的兼容, 你还要硬上 你不仅是为难自己 也是在为难微信

    我遇到这种问题 直接使用其他的方式 将svg 转换为其他格式的图片在进行访问,虽然失去了svg的意义

    但我们得到的全平台的兼容


    一条路不行 换条路把 ,等他们想把路修好了在考虑




    11-04
    有用
    回复
  • 夏味
    夏味
    07-08

    工具和真机都可以正常显示

    https://developers.weixin.qq.com/s/6cJZ4wmu7PS

    07-08
    有用
    回复 9
    查看更多(4)
  • 西柚
    西柚
    07-06

    在webview是正常的

    07-06
    有用
    回复 1
    • 夏味
      夏味
      07-08
      不能以 webview 作为比较基准哈,skyline 渲染方式变了,前者的一些能力它不支持的。
      07-08
      回复
登录 后发表内容