加速移动页面(AMP)中的SVG部分是否支持IMG标记？

Question

我在AMP网站中使用了以下SVG代码,但它无法正常工作:

<image style="overflow:visible;" width="324" height="180" 
     xlink:href="data:image/jpeg;base64, /9j/4AAQSkZ....">
--html</image>

我需要AMP在我正在处理的更大项目中使用SVG文件:

http://flexedd-amp-2.azurewebsites.net/IssuesContent/WRI/Mitigation_Goal_Executive_Summary/pages/4-09-v/Page-1-4-09-V.svg

目前,我必须在AMP-HTML文档中使用SVG文件作为SVG图像,如下例所示:http://www.flexedd.com/#amp

Answer 1

正如您所看到的:https://github.com/ampproject/amphtml/issues/496 SVG支持由特定的白名单属性提供.如果您从验证器的配置中查看此行:https://github.com/ampproject/amphtml/blob/master/validator/validator.protoascii#L912您将看到AMP当前不允许嵌入外部资源.

如果你想要<image>支持SVG 元素,那么你应该加入关于这个Github问题的讨论:https://github.com/ampproject/amphtml/issues/96尽管项目可能只支持正在加载的图像本地.