home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะสร้างกราฟิก SVG โดยใช้ JavaScript ได้อย่างไร

เบราว์เซอร์ที่ทันสมัยทั้งหมดรองรับ SVG และคุณสามารถสร้างโดยใช้ JavaScript ได้อย่างง่ายดาย ทั้ง Google Chrome และ Firefox รองรับ SVG

ด้วย JavaScript ให้สร้างโมเดลวัตถุเอกสาร SVG เปล่า (DOM) ใช้แอตทริบิวต์สร้างรูปร่างเหมือนวงกลมหรือสี่เหลี่ยมผืนผ้า

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");