JavaScript를 사용하여 SVG 요소 생성

Question

JavaScript를 사용하여 SVG 요소를 만드는 방법은 무엇입니까? 다음 코드를 사용해 보았습니다.

var svg = document.createElement('SVG');
    svg.setAttribute('style', 'border: 1px 단색 검정색');
    svg.setAttribute('너비', '600');
    svg.setAttribute('높이', '250');
    svg.setAttribute('버전', '1.1');
    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
document.body.appendChild(svg);

그러나 너비와 높이가 0인 SVG 요소를 생성합니다.

Answer 1

.createElementNS 是 svg 和 path 요소에 따라 필요한 메서드입니다. 아래는 예시입니다.

으아악

Answer 2

svg元素的命名空间URI和xmlns속성을 잊어버렸습니다.

또한 version 속성은 모든 브라우저에서 무시됩니다.

으아악