【问题标题】:SVG image not showing in html emailSVG 图像未显示在 html 电子邮件中
【发布时间】: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"
        width="200"
        height="50"
        style="display:block; overflow: hidden;"
        pluginspage="http://www.adobe.com/svg/viewer/install/">
    <img src="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg"
         alt="Red Cloud"
         style="width:200px; height:50px; "/>
</object>

【问题讨论】:

    标签: html image email svg


    【解决方案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/

      【讨论】:

        【解决方案4】:

        如果您正在寻找一种 hack 以允许电子邮件客户端支持的 SVG 并在电子邮件客户端不支持 SVG 的情况下使用 JPG/PNG 示例:Gmail;您可以使用以下 hack。

        https://css-tricks.com/a-guide-on-svg-support-in-email/

        测试结果:

        https://litmus.com/checklist/public/2d3f533

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2020-08-20
          • 2011-10-17
          • 1970-01-01
          • 2019-12-14
          • 1970-01-01
          • 2016-12-31
          • 1970-01-01
          相关资源
          最近更新 更多