JSFiddle - React, Tailwind, and code Playground

by Allendar

HTML

<svg width="100%" height="100%" version="1.0" xmlns="http://www.w3.org/2000/svg">
    <polygon id="myPoly" points="" style="fill:#FFFFFF; stroke:#000000;stroke-width:1" />
</svg>

JavaScript

var myPoly = document.getElementById('myPoly');
var points = "270,328 270,376 342,376 342,368 358,368 358,320 314,320 298,336 278,336";

console.log(myPoly);

myPoly.setAttribute('points', points);