Isang Halimbawa ng SVG

SVG ត្រូវបានសរសេរដោយ XML。

Halimbawa ng SVG

តំណើរការនៅខាងក្រោម គឺជាតំណើរការ 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 អាចជាអត្ថប្រយោជន៍! អាចជាអត្ថប្រយោជន៍នេះ វិលជាឯកសារ "ឯករាជ្យ" ឬ មានការនិពន្ធ ទៅរបស់ឯកសារខាងក្រៅ。

standalone="no" មានន័យថា SVG ឯកសារនឹងនឹងលើកតំណាងទៅរបស់ឯកសារខាងក្រៅ - ទីនេះ គឺ ឯកសារ DTD。

Ang pangalawang at ikatlong linya ay nagtutukoy sa panlabas na SVG DTD. Ang DTD ay nasa “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”. Ang DTD ay nasa W3C, na naglalaman ng lahat ng pinapayagan na elemento ng SVG.

Ang SVG code ay nagsisimula sa elemento ng <svg>, kasama ang bukas na tag <svg> at ang sulok na tag </svg>. Ito ang pangunahing elemento. Ang width at height attribute ay nagpapapatakda ng lapad at taas ng dokumentong SVG. Ang version attribute ay nagtatakda ng SVG version na ginagamit, ang xmlns attribute ay nagtatakda ng namespace ng SVG.

Ang <circle> ng SVG ay ginagamit upang lumikha ng isang lupon. Ang cx at cy attribute ang nagtatakda ng x at y coordinate ng gitna ng lupon. Kung binigong isip ang dalawang property, ang puno ng lupon ay magiging (0, 0). Ang r attribute ang nagtatakda ng lalim ng lupon.

Ang stroke at stroke-width attribute ang nagkontrol sa kung paano ipapakita ang hugis ng linya. Binibigyan kami ng 2px na lapad at itim na border ang linya.

Ang fill attribute ang nagtatakda ng kulay sa loob ng hugis. Binibigyan kami ng kulay na pulang ang pagkakalulugan.

Ang ginagamit ng sulok na tag ay ang pagsasara ng elemento ng SVG at ng dokumento mismo.

Komentaryo:Lahat ng bukas na tag ay dapat may sulok na tag!