javascript - 没有 d3.js 的矩形数组

Question

这是一些用于构建正方形网格的 d3.js:

for (i = 0; i < N; i++){
    for (j = 0; j < N; j++){
        d3.select("#board")
        .append("rect")
        .attr("x", 10 + 60*i)
        .attr("y", 10 + 60*j)
        .attr("width", 50)
        .attr("height",50); 
    }
}

如何绘制<rect>直接使用 svg 的元素？

Answer 1

你的意思是没有d3？使用 DOM，像这样......

var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
rect.setAttribute("x", 10);
...

或作为标记

<rect x="<some number>" y="<some other number>" .../>