使用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 solid black');
svg.setAttribute('width', '600');
svg.setAttribute('height', '250');
svg.setAttribute('version', '1.1');
svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
document.body.appendChild(svg);</pre>
<p>然而,它创建的SVG元素的宽度和高度都为零。</p>
.createElementNS
是svg
和path
元素所必需的方法。以下是示例。您忘记了您的
svg
元素的命名空间URI和xmlns
属性。此外,
version
属性被所有浏览器忽略。