Confirmed users
195
edits
m (→use namespace aware methods in javascript: fixing typos) |
|||
Line 14: | Line 14: | ||
</svg> | </svg> | ||
= use namespace aware methods in javascript= | = use namespace-aware methods in javascript= | ||
when using js, make sure you use the | when using js, make sure you use the namespace aware methods like: | ||
*getElementsByTagNameNS() | *getElementsByTagNameNS() | ||
Line 25: | Line 25: | ||
svg elements are in the svg namespace. svg attributes are in the null namespace. | svg elements are in the svg namespace. svg attributes are in the null namespace. | ||
for example, to | for example, to dynamically create an <image> element, do it like this: | ||
svgns="http://www.w3.org/2000/svg" | const svgns="http://www.w3.org/2000/svg"; | ||
xlinkns="http://www.w3.org/1999/xlink" | const xlinkns="http://www.w3.org/1999/xlink"; | ||
newIM=document.createElementNS(svgns,"image") | var newIM=document.createElementNS(svgns,"image"); | ||
newIM.setAttributeNS(null,"width",100) | newIM.setAttributeNS(null,"width",100); | ||
newIM.setAttributeNS(null,"height",100) | newIM.setAttributeNS(null,"height",100); | ||
newIM.setAttributeNS(xlinkns,"href","bild2.png") | newIM.setAttributeNS(xlinkns,"href","bild2.png"); |