Svg对象 - 空白/透明/白色

Question

我正在尝试使用object标签获得svg图标。但是，它不会显示任何内容。

SVG文件为空白/透明/白色，似乎没有任何数据。

HTML

<div id="navbar-brand-cont">
     <a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>">
          <object data="<?php bloginfo('stylesheet_directory'); ?>/img/logoo.svg" type="image/svg+xml">
          <img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo.png">
          </object>
     </a>
</div>

地址： http://bit.ly/1LTSf5b

导出设置：

有什么建议吗？

Answer 1

referenced SVG file不包含任何可渲染的内容，即它没有形状或文字，只有SVG字体定义。

Answer 2

通过更改某些代码并以不同方式导出来解决问题。

由于Illustrator中的错误，图像为空白/透明/白色。通过执行以下操作解决了导出问题：

1. 将文件复制到新文档
2. 将所有内容放在一个层上
3. 导出

代码中存在navbar-brand-cont和navbar-brand的问题。通过做一些小的改动解决了这个问题。

Answer 3

请阅读HTML中的SVG元素，您可以实现它。

http://www.w3schools.com/svg/svg_inhtml.asp

如果包含SVG代码，则可以使用。另外，请阅读有关帮助您使用svg对象的Räphael的信息。

http://raphaeljs.com

祝你好运！