Làm cách nào để tạo đồ họa SVG bằng JavaScript?

Tất cả các trình duyệt hiện đại đều hỗ trợ SVG và bạn có thể dễ dàng tạo nó bằng JavaScript. Google Chrome và Firefox đều hỗ trợ SVG.

Với JavaScript, hãy tạo một mô hình đối tượng tài liệu SVG (DOM) trống. Sử dụng các thuộc tính, tạo một hình dạng như hình tròn hoặc hình chữ nhật.

var mySvg = "https://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");