任何人都可以解释我的代码吗?

时间:2017-03-22 10:09:58

标签: javascript svg

Polymer.dom(this)

2 个答案:

答案 0 :(得分:0)

代码只创建一个SVG图像,它是一个尺寸为500x500且颜色为#95B3D7的矩形。

答案 1 :(得分:0)

前两行有点多余。

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var svgNS = svg.namespaceURI;

完全等同于:

var svgNS = "http://www.w3.org/2000/svg";

第三行创建一个SVG <rect>元素。

var rect = document.createElementNS(svgNS,'rect');

您需要使用createElementNS(),因为SVG元素与HTML元素具有不同的命名空间。所以使用更简单的版本如下......

var rect = document.createElement('rect');

......不行。那是因为它正在创建一个名为rect的HTML元素,而不是SVG元素。