Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails SVG不显示Chrome_Ruby On Rails_Google Chrome_Svg - Fatal编程技术网

Ruby on rails SVG不显示Chrome

Ruby on rails SVG不显示Chrome,ruby-on-rails,google-chrome,svg,Ruby On Rails,Google Chrome,Svg,我试图弄清楚为什么我的SVG图标没有在Chrome中显示。我使用标准的调用svg,并且我能够在dev tools(dev tools)中看到图像,并通过访问直接路径。我还可以在任何其他浏览器中看到SVG 我试过: 在Illustrator中使用“嵌入”而不是“链接”保存svg: 显式注册SVG mime类型 使用Rails'ERB帮助器 使用Adobe建议的SVG导出设置: 以下是我的看法: (白色对白色) 这一条没有: 它们都是通过助手调用的是否仅为SVG向量?@MichaelDeSil

我试图弄清楚为什么我的SVG图标没有在Chrome中显示。我使用标准的
调用
svg
,并且我能够在dev tools(dev tools)中看到图像,并通过访问直接路径。我还可以在任何其他浏览器中看到SVG

我试过:

  • 在Illustrator中使用“嵌入”而不是“链接”保存svg:
  • 显式注册SVG mime类型
  • 使用Rails'
    ERB帮助器
  • 使用Adobe建议的SVG导出设置:
以下是我的看法:

(白色对白色)
  • 这一条没有:

  • 它们都是通过
    助手调用的

    是否仅为SVG向量?@MichaelDeSilva是的,仅为向量。请尝试在源代码中使用绝对路径,并查看这些SVG在Chrome中如何作为独立SVG显示良好。所以你可能需要制作一个提琴样本或页面来显示问题,我也有同样的问题。您是如何导出svg的?最初我使用Photoshop,但当我尝试在Illustrator中导出相同的svg时,它成功了。
    <a class="collapsed accordion-box">
      <div class="panel-heading">
        <img class="collapse-bullet" src="<%= asset_path 'blue-right-bullet.svg' %>"/>
      </div>
    </a>