createElement("svg")的大小为0,0
提问于 2016-10-12 03:10:11
我想用JS创建一个SVG并设置大小，但是当我使用createElement("svg")时，生成的HTML是
<svg class="jscreated" style="width: 500px; height: 400px;"></svg>但是svg大小显示为0,0。
参见此示例：
var svg=document.createElement("svg");
document.body.appendChild(svg);
svg.setAttribute("class","jscreated");
svg.style.width="500px";
svg.style.height="400px";<svg class="HTML_SVG" style="width:500px; height:400px;" class="HTML_SVG"></svg>
您可以看到，JS创建的SVG是0,0，但是在HTML书面中直接创建的SVG应该是500x400。Chrome检查器中的"==$0"是什么意思？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-10-12 03:15:34
createElement只能创建createElementNS元素，您需要createElementNS
var svg=document.createElementNS("http://www.w3.org/2000/svg", "svg");
document.body.appendChild(svg);
svg.setAttribute("class","jscreated");
svg.style.width="500px";
svg.style.height="400px";<svg class="HTML_SVG" style="width:500px; height:400px;" class="HTML_SVG"></svg>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39997113
复制相关文章
![php对‘[{“id“:“1“,“name“:“cyg”},{“id“:“2“,“name“:“liwen“}]json数据进行修改删除操作](https://ask.qcloudimg.com/http-save/yehe-7873631/aa2103fe768ee32808222fe9105d00f7.png)
点击加载更多
腾讯云开发者
