个人中心
gpt4 book ai didi

swift - iOS : WKWebView Does Not Display SVG

转载 作者：行者123 更新时间：2023-11-30 14:08:51 26 4
gpt4 key购买 nike

我正在尝试加载一个本地(不是从服务器提供的)HTML 文件，其中嵌入了 SVG。 HTML 看起来像这样:

<!DOCTYPE html>
<html style="overflow: hidden">
  <head>
    <meta charset="UTF-8">
    <title>icon_people_search</title>
  </head>

  <body style="overflow: hidden; ">
      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" xml:space="preserve">

      <path class="st0" d="M46.1,51c-4.9,0-9.5-1.9-12.9-5.4c-3.5-3.5-5.4-8-5.4-12.9s1.9-9.5,5.4-12.9c0.7-0.7,1.5-1.3,2.3-1.9
            c-2.5-3.4-6.6-5.6-11.2-5.6c-7.6,0-13.7,6-13.7,13.4c0,5,2.8,9.5,7,11.8C7.5,40.5,0.2,50,0.2,60h48.1c0-3-0.7-6.1-1.9-8.8
            C46.3,51.2,46.2,51,46.1,51z"/>

      <path class="st0" d="M71.8,52.3L59.5,40c3.2-5.8,2.4-13.3-2.6-18.3c-6-6-15.7-6-21.7,0s-6,15.7,0,21.7c4.9,4.9,12.4,5.8,18.3,2.6
            l12.3,12.3L71.8,52.3z M40.3,38.4c-3.2-3.2-3.2-8.4,0-11.7c3.2-3.2,8.4-3.2,11.7,0c3.2,3.2,3.2,8.4,0,11.7
            C48.8,41.7,43.5,41.7,40.3,38.4z"/>

      </svg>
  </body>
</html>

HTML 可在 Mac OS X 上的 Firefox、Chrome 和 Safari 中正确显示。它还可在 Android 4 及更高版本的 WebView 上正确显示。 .

但是，它不在使用 WKWebView 的 iOS 8 上显示。和 swift 。似乎没有任何错误。 WKWebView仅显示为空白的白色框。

知道为什么它不起作用，以及如何让它起作用吗？我见过一些 iOS 示例，其中使用 <embed> 嵌入 SVG。或<object>标签，但我需要 SVG 内联，如上所示，以便可以使用 JavaScript/jQuery 操作它来更改 SVG 中元素的填充颜色。

有什么想法、想法或例子吗？

最佳答案

在针对 iOS 9 SDK 的 WKWebView 中工作正常。也许您的字符串 HTML 格式有问题？确保转义所有双引号字符并设置 baseUrl。

let webview = WKWebView(frame: self.view.frame)
self.view.addSubview(webview)
self.view.bringSubviewToFront(webview)

let html = "<!DOCTYPE html><html style=\"overflow: hidden\"><head><meta charset=\"UTF-8\"><title>icon_people_search</title></head><body style=\"overflow: hidden; \"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\" xml:space=\"preserve\"><path class=\"st0\" d=\"M46.1,51c-4.9,0-9.5-1.9-12.9-5.4c-3.5-3.5-5.4-8-5.4-12.9s1.9-9.5,5.4-12.9c0.7-0.7,1.5-1.3,2.3-1.9c-2.5-3.4-6.6-5.6-11.2-5.6c-7.6,0-13.7,6-13.7,13.4c0,5,2.8,9.5,7,11.8C7.5,40.5,0.2,50,0.2,60h48.1c0-3-0.7-6.1-1.9-8.8C46.3,51.2,46.2,51,46.1,51z\"/><path class=\"st0\" d=\"M71.8,52.3L59.5,40c3.2-5.8,2.4-13.3-2.6-18.3c-6-6-15.7-6-21.7,0s-6,15.7,0,21.7c4.9,4.9,12.4,5.8,18.3,2.6l12.3,12.3L71.8,52.3z M40.3,38.4c-3.2-3.2-3.2-8.4,0-11.7c3.2-3.2,8.4-3.2,11.7,0c3.2,3.2,3.2,8.4,0,11.7C48.8,41.7,43.5,41.7,40.3,38.4z\"/></svg></body></html>"

webview.loadHTMLString(html, baseURL: NSBundle.mainBundle().bundleURL)

screenshot

关于swift - iOS : WKWebView Does Not Display SVG，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31993129/

26 4 0
文章推荐： c# - 当派生类中的方法被调用时，基类是否有可能得到通知？
文章推荐： javascript - 加载任何 url 内容并在 JS 中遵循 XPATH
文章推荐： c# - 如何将此 Parallel.ForEach 代码转换为异步/等待
文章推荐： c# - 实例化泛型类型时出现 InvalidCastException
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com