Potney Switters Potney Switters - 2 months ago 9
Javascript Question

Changing SVG image color with javascript

I am trying to alter svg image colors with javascript. Is this possible? Can I load it as an object and then somehow have access to the color/image-data.

Every respone or tip is highly appreciated!

Answer

Sure, here an example

<HTML>
<HEAD>
</HEAD>
<BODY>
<svg id="svg1" xmlns="http://www.w3.org/2000/svg" style="width: 3.5in; height: 1in">
    <circle id="circle1" r="30" cx="34" cy="34" style="fill: red; stroke: blue; stroke-width: 2"/>
</svg>
<button onclick=circle1.style.fill="yellow";>Click to change to yellow</button>
</BODY>
</HTML>
Comments