微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决SVG图片未显示在html电子邮件中

| 我已经将svg图像嵌入到html电子邮件中。它显示在iPhone和台式机Mac邮件应用程序上,但不显示在我的Mobileme Web邮件上。有什么想法吗?这是代码
<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电子邮件之前先对其进行消毒。可以肯定的是,它可以看到OBJECT元素并将其及其内部的所有内容删除。     ,对于其他对此感到好奇的人,我们进行了电子邮件设计测试,其中包括SVG图片。结果好坏参半。 尽管由Webkit驱动的客户端(如Apple和iOS Mail)在测试中风靡一时,但Webmail和大多数台式机电子邮件客户端似乎并不需要它。 在实施此类技术之前,绝对要牢记电子邮件客户端支持。     ,将您的SVG放在SVG标签下。 http://www.kaizou.org/2009/02/svg-inline-in-xhtml/     ,如果您正在寻找一种允许电子邮件客户端支持SVG的黑客,并且在电子邮件客户端不支持SVG的情况下使用JPG / PNG,例如:Gmail;您可以使用以下技巧。 https://css-tricks.com/a-guide-on-svg-support-in-email/ 试验结果: https://litmus.com/checklist/public/2d3f533     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。