Question

我正在制作一个svg图形艺术。当它处于单独的文件中时，图像（使用图像标签）会很好地显示，但是当我将代码复制到HTML页面时，对于svg内部标记，图像会消失（仅在chrome上）。

我怀疑它是关于XML命名空间和东西的东西。（的xlink？）

帮助任何人？

Answer 1

这可能是Firefox 16及其他版本的SVG解析或渲染引擎中的错误。我们有SVG图纸，它们使用PNG文件的图像标签，并在自己查看文档时按预期显示PNG。但是，如果在HTML页面中我们使用img标签显示那些非常相同的SVG图形，那么SVG的图像标记的PNG除外，其他SVG中的所有内容都显示正常。我应该在Mozilla Firefox上提交错误报告，但我还没有。

Answer 2

检查您的HTML页面是否为xhtml页面：它应该是一个有效的XML页面并具有正确的名称空间声明：

<!DOCTYPE html 
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">

  <body><svg:svg version="1.1" (...)

内联svg不显示图像

2 个答案: