JavaScript를 사용하여 SVG 요소 생성
P粉662802882
2023-08-22 22:04:39
<p>JavaScript를 사용하여 SVG 요소를 만드는 방법은 무엇입니까? 다음 코드를 사용해 보았습니다. </p>
<pre class="brush:php;toolbar:false;">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);</pre>
<p>그러나 너비와 높이가 0인 SVG 요소를 생성합니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
.createElementNS是svg和path요소에 따라 필요한 메서드입니다. 아래는 예시입니다.svg元素的命名空间URI和xmlns속성을 잊어버렸습니다.또한
version속성은 모든 브라우저에서 무시됩니다.