從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

回答

相關問題