Tengo un script que genera polígonos y los adjunta a un elemento SVG. Cuando genero el polígono, puedo cambiar su estilo simplemente así:

 part.style.strokeWidth = 2; part.style.stroke = '#fd9f31'; part.style.fill = '#fd9f31';

Sin embargo, si trato de usar un patrón como relleno, no funcionará

 part.style.fill = 'url(#diagonalHatch)'

También noté que en el HTML externo del objeto aparece como

 <polygon style="stroke-width: 2; stroke: rgb(253, 159, 49); fill: url(&quot;#diagonalHatch&quot;);" points="9.21 -11.75 ...etc

Creo que el problema está en esos 2 " alguna idea de como escapar de ellos? También intenté cambiarlo usando setAttribute y setAttributeNS pero parece que no funciona. También traté de usar expresiones regulares para modificar el HTML externo, pero después de volver a colocarlo, vuelve a ser el mismo que antes.

Gracias por ayudar :)