0
我試圖添加一個功能到我創建的webtoy。它使用原始的JavaScript和SVG。該應用程序有一堆功能，已超過一年的時間，並且生活在http://stereosketcher.com。當我將圖像文件從文件系統拖到屏幕上的特定位置時，我的新功能應該將SVG <圖像0添加到<g>。我有拖動和解析和追加全部完成，但我的形象沒有出現。這不是它不在標記中，它是在標記，它只是我不能看到的形象。svg圖像被添加到DOM，但不是*可見*除非在Firebug中被觸摸
我懷疑某種分層或不透明的問題什麼的，只是有兩個怪異的招數，我可以做，使圖像顯得：
- 只需複製整個<圖像0元素（XLink的： href和全部）轉化爲其他人的SVG編輯器（如W3School上的'試用'編輯器）
- 使用Firebug手動編輯標記並簡單地觸摸<圖像的最後幾個字符>插入空格或回車 - 在「/ >」結束標記之前返回（刪除新字符沒有牛逼使圖像再次消失）
的功能，把它添加到文檔看起來是這樣的：
function applyImageToFaces(data) {
var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
image.setAttribute("width","800");
image.setAttribute("height","800");
image.setAttribute("xlink:href",data);
shapeGroup.appendChild(image);
}
有誰知道什麼樣的行爲是？
編輯：它看起來像，甚至當我更換「數據」與這樣一個普通的鏈接：
<image width="800" height="800" xlink:href="http://thumbs.ebaystatic.com/d/l225/m/m-EuLTQ6AWFEafDhXz9cujA.jpg"/>
它的行爲在完全相同的方式....