ios - 如何在 PhoneGap 构建中使用 SVG 图像作为启动画面？

Question

我正在尝试使用 SVG 而不是大量的 PNG 来为基于 PhonGap 版本 cli-6.3.0 构建的 PhoneGap 新要求的启动画面。

如何改用 SVG？

            <!-- iPads with retinia display -->
    <splash src="splash-ipad-portrait@2x.svg" width="1536" height="2048" />
    <splash src="splash-ipad-landscape@2x.svg" width="2048" height="1536" />
        <!-- non-Retina ipads -->
    <splash src="splash-ipad-portrait.svg" width="768" height="1024" />
    <splash src="splash-ipad-landscape.svg" width="1024" height="768" />
        <!-- iPhone 6/7 Plus -->
    <splash src="splash-plus-portrait.svg" width="1242" height="2208" />
    <splash src="splash-plus-landscape.svg" width="2208" height="1242" />
        <!-- iPhone 6/7 -->
    <splash src="splash-iphone6-portrait.svg" width="750" height="1334" />
    <splash src="splash-iphone6-landscape.svg" width="1334" height="750" />
        <!-- iPhone 5 -->
    <splash src="splash-iphone5-portrait.svg" width="640" height="1136" />
    <splash src="splash-iphone5-landscape.svg" width="1136" height="640" />

Answer 1

iOS 通常不支持将 SVG 用于初始屏幕或图像。

如果您提供矢量 PDF 并使用 Assets 目录，Xcode 可以在构建时创建多种图像尺寸，但这不能用于启动屏幕；仅用于提供支持视网膜显示所需的不同比例图像，而无需保持离散图像大小。