日期:2014-05-20  浏览次数:20833 次

appendChild加不进去
test.svg:—————————————————————————————————————— 
<?xml version="1.0" encoding="utf-8"?> 
<svg width="100%" height="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> 
 <rect id="backRect" x="0" y="60" width="720" height="450" fill="white" stroke="gray" stroke-width="1"/> 
 <circle cx="167" cy="238" r="136" stroke="red" stroke-width="1" fill="blue"/> 
 <rect x="400" y="214" width="56" height="53" stroke="red" stroke-width="1" fill="blue"/> 
 <line x1="397" y1="336" x2="586" y2="353" stroke="red" stroke-width="2"/> 
</svg> 
———————————————————————————————————————————— 

<svg ...> 
... 
//js: 
//方法一: 
function openFile(){ 
xmlDoc = getURL('test.svg',fn); 

function fn(xmlDoc) 

  var x = parseXML(xmlDoc.content); 
  nodeList=x.firstChild.childNodes;  
  for(i=0;i <nodeList.length;i++) 
  { 
var node=nodeList.item(i); 
if(node.nodeType==1){ 
alert(node); 
alert(node.nodeName); 
document.getElementById( "plat").appendChild(node); //产生"wrong document " 错误,IE6 



//方法二: 
function openFile(){ 
xmlDoc = getURL('test.svg',fn); 

function fn(xmlDoc) 

  var x = parseXML(xmlDoc.content, document); //x为object fragdocument类型。 
document.getElementById( "plat").appendChild(x); //没看到效果,alert(x.firstChild)为空! 

... 

<g id="plat" onmousedown="startDraw(evt)" onmousemove="modifyDraw(evt)" onmouseup="endDraw()"> 
<rect id="backRect" x="0" y="60" width="720" height="450" fill="white" 
  stroke="gray" stroke-width="1"/> 
</g> 
</svg> 

想实现的效果就是将test.svg里的rect、circle、line等加到g id=plat中去(和rect id="backRect" 平行),可是看不到效果。 
方法一为什么不行啊?"wrong document " 错误是什么意思呢?方法二中用alert(x.firstChild)为什么为空啊?alert(xmlDoc.content)显 

示的是test.svg的内容,object fragdocument类型该怎么操作啊? 

和http://topic.csdn.net/u/20070912/18/778b8974-5b16-4759-a003-57fe73554aac.html上遇到的情况差不多。可是还是不懂,请赐教。 


------解决方案--------------------
呵呵 已放到web开发板块了。。
------解决方案--------------------
请问在aspx 中通过 embed 调用svg 怎么添加svg节点 并显示出来 我添加了但页面中svg图像没有变化
http://topic.csdn.net/u/20090503/11/6867d960-7820-4a5c-9abe-84b1975fc48c.html
------解决方案--------------------
up
------解决方案--------------------
up