1609663.html (1046B)
1 <html> 2 <head> 3 </head> 4 <body> 5 <div id="main"> 6 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="mySvg" width="400" height="800"> 7 <defs> 8 <pattern id="pattern1" x="30" y="10" width="30" height="30" patternUnits="userSpaceOnUse" > 9 <text id="idText1" x="15" y="15" font-size="20">1</text> 10 </pattern> 11 </defs> 12 <rect id="idRect1" fill="url(#pattern1)" width="300" height="200"/> 13 </svg> 14 </div> 15 <script> 16 document.body.offsetHeight; 17 18 var pattern = document.getElementById('pattern1'); 19 var text = document.getElementById('idText1'); 20 pattern.removeChild(text); 21 22 var svgNS = "http://www.w3.org/2000/svg"; 23 var newText = document.createElementNS(svgNS,"text"); 24 newText.setAttributeNS(null,"id",'idText1'); 25 newText.setAttributeNS(null,"x",15); 26 newText.setAttributeNS(null,"y",15); 27 newText.setAttributeNS(null,"font-size","20"); 28 29 var textNode = document.createTextNode('x'); 30 newText.appendChild(textNode); 31 pattern.appendChild(newText); 32 </script> 33 </body> 34 </html>