问题描述
|
我已经将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