SVG图形
-
如何使用JavaScript创建SVG图形?
在JavaScript中,可以使用D3.js库创建SVG元素。以下是一个简单的示例:,,“javascript,// 导入d3库,import * as d3 from “d3”;,,// 创建一个SVG画布,const svg = d3.select(“body”), .append(“svg”), .attr(“width”, 500), .attr(“height”, 500);,,// 在SVG画布上绘制一个圆形,svg.append(“circle”), .attr(“cx”, 100), .attr(“cy”, 100), .attr(“r”, 50), .style(“fill”, “red”);,`,,这段代码首先导入了D3.js库,然后在页面的`标签内创建了一个500×500像素的SVG画布。在SVG画布上绘制了一个半径为50像素、中心坐标为(100, 100)的红色圆形。