SVG 图像未显示在 html 电子邮件中

Posted 2023-03-05

技术标签:

【中文标题】SVG 图像未显示在 html 电子邮件中【英文标题】：SVG image not showing in html email 【发布时间】：2011-08-06 14:19:34 【问题描述】：

我已将 svg 图像嵌入到 html 电子邮件中。它显示在 iphone 和桌面 mac 邮件应用程序上，但未显示在我的 Mobileme 网络邮件上。任何想法为什么？这是代码

<object data="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg"
        type="image/svg+xml"
        
        
        style="display:block; overflow: hidden;"
        pluginspage="http://www.adobe.com/svg/viewer/install/">
    <img src="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg"
         
         style="width:200px; height:50px; "/>
</object>

【问题讨论】：

【参考方案1】：

对于可能对此感到好奇的其他人，我们进行了包含 SVG 图像的电子邮件设计测试。 The results were very mixed.

虽然 Apple 和 ios Mail 等 Webkit 驱动的客户端轻而易举地通过了测试，但 webmail 和大多数桌面电子邮件客户端似乎并不想要它。

在实施此类技术之前，一定要牢记电子邮件客户端支持。

【讨论】：

【参考方案2】：

许多网络邮件服务在显示 HTML 电子邮件之前对其进行清理。很确定它会看到 OBJECT 元素并删除它以及它里面的任何东西。

【讨论】：

那么如何在 HTML 邮件中渲染 svg 图片/文件？【参考方案3】：

将您的 SVG 放在 SVG 标记下。 http://www.kaizou.org/2009/02/svg-inline-in-xhtml/

【讨论】：