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

时间：2015-07-01 04:55:04

标签： html svg

我正在尝试使用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

导出设置：

Export settings

有什么建议吗？

3 个答案:

答案 0 :(得分：1)

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

答案 1 :(得分：0)

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

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

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

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

答案 2 :(得分：-1)

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

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

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

http://raphaeljs.com

祝你好运！

相关问题
最新问题