[scripting SVG with JS] creating "image" element

[MiW]

Hi

I'm making a kind of JavaScript-based library for creating SVG
objects/elements. And I hit the wall...

Every element (rect, circle etc.) can be created using
*.createElement , then *.setAttribute and *.appendChild. Except "image"
element. When 'image' element is created like this, it doesn't display
anything. When I create that element with the same attributes in SVG
code itself, it works perfectly. It works even if I create it with
only 'id' and 'xlink:href' attributes set in SVG and the rest in the
script.

I mean - why this...

<image id="Bitmap" xlink:href="Mac ius.jpg"/>
[...]
SVGDoc = evt.getTarget() .getOwnerDocume nt();
Bitmap = SVGDoc.getEleme ntById("Bitmap" );
Bitmap.setAttri bute ("x", 100);
Bitmap.setAttri bute ("y", 100);
Bitmap.setAttri bute ("width", 128);
Bitmap.setAttri bute ("height", 128);

....works and that...

SVGDoc = evt.getTarget() .getOwnerDocume nt();
SVGRoot = SVGDoc.getDocum entElement();
Bitmap = SVGDoc.createEl ement ("image");
Bitmap.setAttri bute ("x", 100);
Bitmap.setAttri bute ("y", 100);
Bitmap.setAttri bute ("width", 128);
Bitmap.setAttri bute ("height", 128);
Bitmap.setAttri bute ("xlink:href ", "Macius.jpg ");
SVGRoot.appendC hild (Bitmap);

.... doesn't ???

--
thanks
MiW

[Jim Ley]

On Mon, 16 May 2005 23:00:18 +0200, "MiW" <mi*@zeus.polsl .gliwice.pl>
wrote:

Every element (rect, circle etc.) can be created using
*.createElemen t, then *.setAttribute and *.appendChild. Except "image"
element. When 'image' element is created like this, it doesn't display
anything. When I create that element with the same attributes in SVG
code itself, it works perfectly. It works even if I create it with
only 'id' and 'xlink:href' attributes set in SVG and the rest in the
script.

you need to learn about createElementNS and setAttributeNS -
namespaces matter

svgNS="http://www.w3.org/2000/svg";
xlinkNS="http://www.w3.org/1999/xlink";

img=SVGDoc.crea teElementNS(svg NS,"image");
.....
img.setAttribut eNS(xlinkNS,"hr ef","marcus.jpg ");
....

[MiW]

> you need to learn about createElementNS and setAttributeNS -

namespaces matter

Thank you very much :)
Works perfectly...

When it's finished, I'll show you the effects :)

--
MiW