JavaScript를 사용하여 SVG 그래픽을 만드는 방법은 무엇입니까?

모든 최신 브라우저는 SVG를 지원하며 JavaScript를 사용하여 쉽게 만들 수 있습니다. Google Chrome과 Firefox는 모두 SVG를 지원합니다.

JavaScript를 사용하여 빈 SVG DOM(문서 개체 모델)을 만듭니다. 속성을 사용하여 원이나 직사각형과 같은 모양을 만듭니다.

var mySvg ="https://www.w3.org/2000/svg";var myDoc =evt.target.ownerDocument;var myShape =svgDocument.createElementNS(mySvg, "원");myShape.setAttributeNS(null , "cx", 40);myShape.setAttributeNS(널, "cy", 40);myShape.setAttributeNS(널, "r", 30);myShape.setAttributeNS(널, "채우기", "노란색");