Question

我用javascript创建一个图像，并按路径包含.svg的url。 IE10，Firefox 28显示SVG没有错误。但是在IE11中它没有显示出来。控制台消息说，

SVG4601 SVG数据格式错误，无法完全分析

img-folder中.svg的路径是正确的。 SVG文件就是这个：

<?xml version="1.0" standalone="no"?>
<!-- Generator: Adobe Fireworks 10, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.0  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="" viewBox="0 0 10 7" style="background-color:#ffffff00" version="1.1"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
  x="0px" y="0px" width="10px" height="7px"
>
  <defs>
      <linearGradient id="gradient1" x1="1513.3362%" y1="46.9992%" x2="1513.3362%" y2="99.9993%">
          <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
          <stop stop-color="#e2e8e0" stop-opacity="1" offset="100%"/>
      </linearGradient>
  </defs>
  <g id="Ebene%201">
      <path d="M 8.8984 1.0115 L 5.1008 3.1196 L 1.1095 1.0239 C 0.9419 0.7588 0.5762 0.6707 0.2926 0.8281 C 0.0092 0.9849 -0.0842 1.3271 0.083 1.5928 L 4.5723 5.9756 C 4.6781 6.1431 4.8695 6.2476 5.0776 6.25 C 5.2856 6.2522 5.4797 6.1536 5.5903 5.9888 L 9.9084 1.6052 C 9.9703 1.5127 10 1.4102 10 1.3091 C 10 1.123 9.901 0.9419 9.7207 0.8359 C 9.4418 0.6719 9.0736 0.7498 8.8984 1.0115 Z" fill="url(#gradient1)"/>
  </g>
</svg>

它是使用以下JS生成的：

var img = new Image();
img.src = folder/filename.svg;

知道为什么IE11无法显示这个/路径数据有什么问题？ THX

SVG数据未在IE11中显示

0 个答案: