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