ఎస్విజి ఒక ఉదాహరణ

SVG XML ద్వారా రాయబడింది.

ఎస్విజి ఉదాహరణ

ఈ ఎక్సాంపుల్ ఒక సాధారణ SVG ఫైల్ ఉదాహరణ. SVG ఫైలులను .svg అనే పొడిగించాలి:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

ఎక్సాంపుల్ని చూడండి (మాత్రమే SVG బ్రౌజర్లు మద్దతు చేస్తాయి)

ఇది SVG సోర్స్ కోడ్ చూడాలంటే, ఈ ఎక్సాంపుల్ని తెరవండి, ఆ విండోలో కుడి గుండె నొక్కండి. "సోర్స్ కోడ్ చూడండి" అనే ఆడిట్ను ఎంచుకోండి.

కోడ్ వివరణలు:

మొదటి పంక్తిలో XML ప్రకటన ఉంది. standalone అంశాన్ని గమనించండి! ఈ అంశం ఈ SVG ఫైలు స్వతంత్రం కాదా లేదా బాహ్య ఫైల్ని ఉపయోగిస్తుందా అని నిర్ణయిస్తుంది.

standalone="no" అంటే SVG డాక్యుమెంట్ బాహ్య ఫైల్ని ఉపయోగిస్తుంది - ఇక్కడ, DTD ఫైల్.

第二和第三行引用了这个外部的 SVG DTD。该 DTD 位于 “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”。该 DTD 位于 W3C，含有所有允许的 SVG 元素。

SVG 代码以 元素开始，包括开启标签 和关闭标签 。这是根元素。width 和 height 属性可设置此 SVG 文档的宽度和高度。version 属性可定义所使用的 SVG 版本，xmlns 属性可定义 SVG 命名空间。

SVG 的 用来创建一个圆。cx 和 cy 属性定义圆中心的 x 和 y 坐标。如果忽略这两个属性，那么圆点会被设置为 (0, 0)。r 属性定义圆的半径。

stroke మరియు stroke-width అటీవులు రూపం గుర్తించిన పరిణామాన్ని నియంత్రిస్తాయి. మేము కోట్రోన్ పరిణామాన్ని 2px వెడల్పు చేస్తున్నాము.

fill అటీవు స్పేస్ లో రంగు సెట్ చేస్తుంది. మేము పాల్స్ రంగును ఎరుపు చేస్తున్నాము.

కాల్స్ టాగుల పరిణామం ఎస్విజి ఎలిమెంట్స్ మరియు డాక్యుమెంట్ స్వయంగా మూసివేస్తాయి.

కోమెంట్స్ కు గాను:అన్ని ఆరంభ టాగులకు కాల్స్ టాగులు ఉండాలి!