Quiero trabajar los elementos de un archivo .svg tales como el de < circle > que se observa en el código; pero de qué manera lo puedo hacer con javascript alguna idea u orientación?¿, Saludos a todos 🙂
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 489.3 14.2" style="enable-background:new 0 0 489.3 14.2;" xml:space="preserve"> <style type="text/css"> .st0{fill:#FFFFFF;} .st1{opacity:0.55;fill:#636363;} </style> <g> <circle id="Circle1" class="st0" cx="9.4" cy="7.1" r="6.5"/> <circle id="Circle2" class="st1" cx="104.1" cy="7.1" r="6.5"/> <circle id="Circle3" class="st1" cx="198.7" cy="7.1" r="6.5"/> <circle id="Circle4" class="st1" cx="293.4" cy="7.1" r="6.5"/> <circle id="Circle5" class="st1" cx="388.1" cy="7.1" r="6.5"/> <circle id="Circle6" class="st1" cx="482.8" cy="7.1" r="6.5"/> </g> </svg>