|
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 |
<?xml version="1.0"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function change_style(style_string) { document.getElementById("circ").setAttribute("style", style_string); } </script> </head> <body> <button onclick="change_style('fill:red');">fill:red</button> <button onclick="change_style('fill:green');">fill:green</button> <button onclick="change_style('fill:blue');">fill:blue</button> <button onclick="change_style('fill:none');">fill:none</button><br/> <button onclick="change_style('stroke-width:1');">stroke-width:1</button> <button onclick="change_style('stroke-width:3');">stroke-width:3</button> <button onclick="change_style('stroke-width:5');">stroke-width:5</button> <svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"> <circle cx="150" cy="100" r="50" id="circ" fill="red" stroke="black" stroke-width="3"/> </svg> </body> </html> |