如何在iOS系统中使用从网页端下载的SVG文件？

Xcode 12引入的SVG支持为编译期静态资源能力：仅针对放在项目Asset Catalog中的本地SVG文件生效，Xcode会在编译阶段将其转换为对应分辨率的栅格资源或保留矢量信息，该能力不支持运行时动态加载从服务器下载的外部SVG资源。
iOS系统本身在iOS 16之前没有原生的运行时SVG渲染API，无法直接处理下载的SVG文件。

你可以根据项目的部署版本、功能需求选择以下方案：

1. WKWebView 渲染（无依赖，全版本兼容） #

不需要引入第三方库，适合对包体积敏感、不需要深度定制SVG的场景，直接把下载好的SVG数据交给WKWebView加载即可：

// 已下载得到svgData
if let svgContent = String(data: svgData, encoding: .utf8) {
    // 插入HTML模板控制边距和缩放
    let html = """
    <html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <style>body { margin: 0; padding: 0; }</style>
    </head>
    <body>\(svgContent)</body>
    </html>
    """
    webView.loadHTMLString(html, baseURL: nil)
}

可以通过调整CSS样式控制SVG的展示尺寸、对齐方式等。

2. 第三方库原生渲染（性能高，支持自定义） #

如果需要原生层级的渲染能力、修改SVG属性、添加动画等，可以选择成熟的开源SVG处理库：

• SVGKit：兼容性最高，支持iOS 9+，覆盖绝大多数SVG标准特性
• PocketSVG：轻量实现，可直接将SVG转换为UIBezierPath用于自定义绘制
• SwiftSVG：纯Swift编写，API对Swift开发者更友好

以SVGKit为例的加载示例：

import SVGKit
// 加载下载好的SVG数据
guard let svgImage = SVGKImage(data: downloadedSVGData) else { return }
let svgView = SVGKImageView(image: svgImage)
svgView.contentMode = .scaleAspectFit
svgView.frame = displayBounds
view.addSubview(svgView)

3. iOS 16+ 原生动态加载 #

如果项目的最低部署版本为iOS 16及以上，直接使用系统原生UIImage的SVG加载能力即可，无需额外依赖：

guard let svgImage = UIImage(data: downloadedSVGData, scale: UIScreen.main.scale) else { return }
let imageView = UIImageView(image: svgImage)
imageView.contentMode = .scaleAspectFit
imageView.frame = displayBounds
view.addSubview(imageView)

内容的提问来源于stack exchange，提问作者I. Pedan