HTML CSS JAVASCRIPT JQUERY AI PHP SQL EXCEL LINUX C# C++ C PYTHON JAVA 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ

如何使用 JavaScript 创建 SVG 图形?

javascriptobject oriented programmingfront end technology更新于 2025/3/13 9:48:17

所有现代浏览器都支持 SVG，您可以使用 JavaScript 轻松创建它。Google Chrome 和 Firefox 都支持 SVG。

使用 JavaScript，创建一个空白的 SVG 文档对象模型 (DOM)。使用属性，创建一个圆形或矩形等形状。

var mySvg = "http://www.w3.org/2000/svg";
var myDoc = evt.target.ownerDocument;

var myShape = svgDocument.createElementNS(mySvg, "circle");

myShape.setAttributeNS(null, "cx", 40);
myShape.setAttributeNS(null, "cy", 40);
myShape.setAttributeNS(null, "r", 30);

myShape.setAttributeNS(null, "fill", "yellow");

相关文章

有用资源

打印 下一节:如何使用 JavaScript 禁用浏览器的后退按钮? ❯❮ 上一节:如何使用 JavaScript 中的 removeEventListener() 方法?