小编Sab*_*nim的帖子

加载URL svg的不安全尝试

我在Chrome中尝试在本地文件系统上加载SVG时遇到错误:

不安全的尝试从URL文件加载URL文件:/// C:/Users/Me/Documents/HTML/icons.svg#menu:/// C:/Users/Me/Documents/HTML/master.html.域,协议和端口必须匹配.

这是我的HTML:

<svg id="icon-menu" viewBox="0 0 70 60">
   <use xlink:href="icons.svg#menu"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

和SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 70 70">
  <g
     id="menu">
    <path
       d="m 10,15 50,0"
       style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;" />
    <path
       d="m 10,30 50,0"
       style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;" />
    <path
       d="m 10,45 50,0"
       style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;" />
  </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

我在互联网上搜索过,但我能找到的唯一解决方案是用JavaScript编写的代码,但事实并非如此.上面的HTML在IE中不起作用,没有错误,但在Firefox中没有任何障碍.

html svg google-chrome

19
推荐指数
1
解决办法
3万
查看次数

标签 统计

google-chrome ×1

html ×1

svg ×1