ایس وی جی ایک مثال

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 ਫਾਇਲ ਹੈ。

دوسری اور تیسری سطر، اس باہری ایس وی جی ڈی ٹی ڈی کو مراجع کیا ہوا ہے۔ یہ ڈی ٹی ڈی، 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' پر واقع ہے۔ یہ ڈی ٹی ڈی، و3 سی میں واقع ہے، جس میں تمام اجازے دیئے جانے والے ایس وی جی عنصر شامل ہیں۔

ایس وی جی کا کوڈ، <svg> عنصر سے شروع ہوتا ہے، شروع کردار <svg> اور بند کردار </svg> شامل ہیں۔ یہ بنیادی عنصر ہے۔ width اور height اپریٹ، اس ایس وی جی دستاویز کی چوڑائی اور اونچائی کو قائم کرتا ہے۔ version اپریٹ، استعمال کئے جانے والی ایس وی جی ورژن کو معلوم کرتا ہے، xmlns اپریٹ، ایس وی جی نامزناس کا تعریف کرتا ہے。

ایس وی جی کا <circle>، ایک دائرہ بنانے کیلئے استعمال کیا جاتا ہے۔ cx اور cy اپریٹ، دائرے کی مرکز کا x اور y کا اندازہ کرتا ہے۔ اگر یہ دو اپریٹ چھپا دیئے گئے تو، دائرے کا نقطہ (0, 0) رکھا جائے گا۔ r اپریٹ، دائرے کی رینج کا اندازہ کرتا ہے。

استرک اور استرک-وائڈ اپریٹ کا استعمال، شپور کا کیمرا نما تنظیم کرنا ہوتا ہے۔ ہم کیمرا کا نما کو 2 پی ایکس چھوٹی، کالے کیمرا نما رکھا ہوا ہے。

فیل اپریٹ کا استعمال، شپور کے اندر کا رنگ تنظیم کرنا ہوتا ہے۔ ہم فیلنگ رنگ کو لال رکھا ہوا ہے。

بند کردار کا کام، ایس وی جی عنصر اور دستاویز کو بند کرنا ہوتا ہے。

تعلیمات:تمام کھلے ٹیگ کا بند کردار درکار ہوتا ہے!