如何利用 JavaScript 建立 SVG 圖形？

所有現代瀏覽器都支援 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");

Govinda Sai

更新於： 2020 年 1 月 24 日

518 檢視

為你的職業生涯注入動力

透過完成課程獲得認證

立即開始