How to access contentDocument of embed element in Dart?

Question

I load an SVG within an HTML file with the embed element. But now I want to change the color of an gradient within this SVG. In JavaScript there is the contentDocument which I can access to query for the gradient that I am looking for. It appears that the contentDocument is absent fro the embedElement, so how do I do that in Dart?

Here is an example how it can be done in JavaScript: Accessing SVG content in JS

The SVG is embedded like this:

<embed class="emb" src="images/svglogo.svg" width="100" height="100" type="image/svg+xml" />

Karsten

Also, please paste in some HTML code that contains a simple SVG. — Seth Ladd, Aug 26 '13 at 05:09
I updated the question for clarification of what I want to do. — Karsten Becker, Aug 26 '13 at 09:31
It sounds like you should open a feature request at http://dartbug.com/new. Glad you found a work-around. — Seth Ladd, Aug 26 '13 at 10:58
Hmm, ok. Opened bug https://code.google.com/p/dart/issues/detail?id=12751 — Karsten Becker, Aug 26 '13 at 11:30

score 2 · Accepted Answer · answered Aug 26 '13 at 06:31

I found a work-around that avoids the problem. You can simply load the SVG file with a HttpRequest like this:

HttpRequest.getString("../imgs/redLed.svg").then((r)=>svgLED=r);

then insert the String as SvgElement into the DOM like this:

SvgElement svg=new SvgElement.svg(svgLED);
bla.nodes.add(svg);

You can then query the SVG like a normal HTML Element:

svg.query("#lowVal").attributes["stop-color"]=lowOn;

How to access contentDocument of embed element in Dart?

1 Answers1