从Chrome扩展中添加svg到DOMElement

我试图从Chrome扩展的路径加载svg，但我似乎遇到了很多麻烦。从Chrome扩展中添加svg到DOMElement

在manifest.json我有css文件夹暴露"web_accessible_resources" : ["css/*"]

我使用chrome.extension.getURL('/css/loading.svg')抢的完整路径。

它加载图像标签是这样的： <img src="chrome-extension://<extension:id>/css/loading.svg" width="200" height="200">

当我访问的<img>标签的链接，我可以看到资源就好了。我有麻烦发现这个问题 - 我应该在这里考虑额外的限制吗？

来源

2015-08-25 is1or0

您是否尝试过刷新该部分？

我不知道，如果你使用的是其他框架

编辑：

无论如何，你可以这样说的：

jquery's append not working with svg element?

编辑2：

部分代码：

<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>    
     <script type="text/javascript"> 
      function f(){ 
       $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); 
       $("#yourdiv").html($("#yourdiv").html()); 
      } 

      $(document).ready(f);   

     </script> 
    </head> 
    <body> 
     <div id="yourdiv"> 
      <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> 
      </svg> 
     </div> 
    </body> 
</html>

来源

2015-08-25 09:44:10 mryuso92

对不起，我不完全确定你的意思 - 你能澄清我吗？注意：我几乎在Chrome扩展中使用纯JavaScript（所以我可以访问Chrome扩展Apis。） – is1or0

也许这可能是你在找什么：[link]（http://stackoverflow.com/questions/3642035/jquerys-追加 - 不工作与 - SVG元素） – mryuso92

从Chrome扩展中添加svg到DOMElement

回答

相关问题