|
<?xml
version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="200" height="100" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<title>Methoden zum Zugriff auf Attribute</title>
<defs>
<script type="text/ecmascript"><![CDATA[
function attributdemo(evt) {
var svgdoc = evt.getTarget().getOwnerDocument();
var ellipse = svgdoc.getElementById('ellipse');
alert('Liste der Attribute
der Ellipse: '+ellipse.getAttributes()+
'\nWert
des Attributs cx: '+ellipse.getAttribute('cx')+
'\nListe
der Style-Eigenschaften: '+ellipse.getStyle()+
'\nWert
der Eigenschaft stroke: '+ellipse.getStyle().getPropertyValue('stroke')+
'\nKompletter
style-Inhalt: '+ellipse.getStyle().getCssText())
}
]]>
</script>
</defs>
<g font-size="20" onclick="attributdemo(evt)">
<rect x="0" y="0" width="100%"
height="100%" fill="#AAAAFF"/>
<ellipse id="ellipse" cx="50%"
cy="44%" rx="60" ry="30" style="fill:#AA9999;stroke:white;stroke-width:2;"/>
<text x="50%" y="50%" text-anchor="middle">Hier
klicken!</text>
</g>
</svg> |
|
