使用内容脚本注入SVG图像

Question

我有一个chrome扩展程序，它使用内容脚本将JavaScript注入页面，我希望该脚本将SVG图像添加到页面中。这是我正在使用的代码：

var url = chrome.extension.getURL('infotip.svg');
$('#elementId').append('<embed src="' + url +
    '" type="image/svg+xml" style="display: block; float: right;" />');

当我检查生成的DOM时，SVG文件的URL设置正确（我可以在元素检查器的新选项卡中打开它并且它可以工作）但是在实际页面中，而不是SVG我得到一个盒子Chrome警告：

  

chrome-extension：// invalid / 的网页可能会暂时关闭，或者可能已永久移至新的网址。

     

错误2（net :: ERR_FAILED）：未知错误。

我尝试过使用＆lt; embed＆gt;和＆lt; object＆gt;根据{{​​3}}甚至＆lt; img＆gt;。有什么想法吗？