D3 绘制矩形

最新推荐文章于 2022-08-15 14:50:55 发布

Claroja

最新推荐文章于 2022-08-15 14:50:55 发布

阅读量4.4k

点赞数 2

分类专栏： D3 文章标签：图形可视化

本文链接：https://blog.csdn.net/claroja/article/details/79867420

版权

D3 专栏收录该内容

29 篇文章 2 订阅

订阅专栏

<html>
    <body>
        <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
        <script>
            var width = 300;  //画布的宽度
            var height = 300;   //画布的高度

            var svg = d3.select("body")     //选择文档中的body元素
                .append("svg")          //添加一个svg元素
                .attr("width", width)       //设定宽度
                .attr("height", height);    //设定高度
            var rect = svg.append("rect")  //添加一个矩形
                .attr("x",50)
                .attr("y",50)
                .attr("width",50)
                .attr("height",50)
                .attr("fill","red")
        </script>
    </body>
</html>