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>ただし、幅と高さがゼロの SVG 要素が作成されます。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
.createElementNSは、svg要素とpath要素に必要なメソッドです。以下に例を示します。svg要素の 名前空間 URI 属性とxmlns属性を忘れています。さらに、
version属性はすべてのブラウザで無視されます。