使用Javascript预览SVG？

const svgElement = document.querySelector('svg');
svgElement.innerHTML =<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />';

const svgElement = document.querySelector('svg');
const circleElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
circleElement.setAttribute('cx', '50');
circleElement.setAttribute('cy', '50');
circleElement.setAttribute('r', '40');
circleElement.setAttribute('stroke', 'black');
circleElement.setAttribute('stroke-width', '3');
circleElement.setAttribute('fill', 'red');
svgElement.appendChild(circleElement);

const svgElement = d3.select('svg');
svgElement.append('circle')
    .attr('cx', 50)
    .attr('cy', 50)
    .attr('r', 40)
    .attr('stroke', 'black')
    .attr('stroke-width', 3)
    .attr('fill', 'red');