SVG動態創建image失敗解決方案

在用JS動態創建SVG標籤的時候,像g標籤，circle標籤，rect標籤等都可以正確創建並顯示，但是image標籤卻總是不能顯示。我的初始代碼如下：

var svgNS = 'http://www.w3.org/2000/svg';
var oImg = document.createElementNS(svgNS, 'image');
oImg.setAttribute('xlink:href', '../img/main.png');
oImg.setAttribute('x', '350');
oImg.setAttribute('y', '150');
oImg.setAttribute('width', '100');
oImg.setAttribute('height', '103');

通過開發者工具可以看到，image標籤已經被正確創建，但是圖片卻不能正常顯示。幾經折騰，才發現問題在這：
圖片的路徑不能用setAttribute方法來創建，應該寫成這樣：

oImg.href.baseVal = "../img/main.png";