我有一个SVG图像,我想嵌入网页(在html文件中)
我使用Adobe Illustrator创建了图像,它包含以下标题：
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 462.219 381.915" enable-background="new 0 0 462.219 381.915" xml:space="preserve">
...
解决方法
在SVG中嵌入SVG或其他SVG时,应删除XML标题行.
UPDATE
只是为了澄清：
格式良好的XML文档只包含一个序言.因此,如果要将一个SVG嵌入到另一个SVG中,则应将其删除.见：http://www.w3.org/TR/2008/REC-xml-20081126/#dt-wellformed
在SVG中嵌入SVG时,可以保留prolog行.浏览器中的HTML解析器将忽略它们.但鉴于它们没有任何用处,我建议您“应该”删除它们以使文档更小 – 更具可读性. 原文链接：/html/227457.html
