Variables in SVG? 1

[snoopy75]

We don't have an SVG forum, but this is the most closely related one, so I ask my question here:

I want to do something like this:

<?xml version=&quot;1.0&quot; encoding=&quot;iso-8859-1&quot;?>
<!DOCTYPE svg PUBLIC &quot;-//W3C//DTD SVG 20000303 Stylable//EN&quot; &quot;[URL unfurl="true"]http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd&quot;>[/URL]
<svg xml:space=&quot;preserve&quot; width=&quot;350&quot; height=&quot;120&quot;>

var varD = 'M 50 10 L 350 10 L 200 120 z'
<path d=varD/>

</svg>

Is there a way to make an attribute dynamic like this? Thanks.

--Ryan

 

[dwarfthrower]

<?xml version=&quot;1.0&quot; encoding=&quot;iso-8859-1&quot;?>
<!DOCTYPE svg PUBLIC &quot;-//W3C//DTD SVG 20000303 Stylable//EN&quot; &quot;[URL unfurl="true"]http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd&quot;>[/URL]
<svg xml:space=&quot;preserve&quot; width=&quot;350&quot; height=&quot;120&quot; onload=&quot;drawpath(evt)&quot;>
<script><![CDATA[
function drawpath(evt) {
  var varD = 'M 50 10 L 350 10 L 200 120 z';
  svgdoc=evt.getTarget().getOwnerDocument();
  var shape = svgdoc.createElement(&quot;path&quot;);
  shape.setAttribute(&quot;d&quot;, varD);
  output = svgdoc.getElementById(&quot;canvas&quot;);
  output.appendChild(shape);
}
]]></script>
<g id=&quot;canvas&quot;></g>
</svg>

Hope this helps.

 

[snoopy75]

Thanks! I found another way to do it using ASP, but I appreciate your answer... It will help me understand XML a little better! ;-)

--Ryan