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

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> شامل ہیں۔ یہ ریشه عنصر ہے۔ وائیڈتھ اور ہائیٹ اپریٹ کا استعمال اس ایس وی جی دستاویز کی چوڑائی اور اونچائی کو سیٹ کرنا ہے۔ ورژن اپریٹ استعمال کئے جانے والی ایس وی جی ورژن کو دسایا جاتا ہے، xmlns اپریٹ ایس وی جی نامی جگہ کو دسایا جاتا ہے۔

ایس وی جی کا <circle> ایک دائرہ بنانے کے لئے استعمال کیا جاتا ہے۔ سی ایکس اور سی آئی اپریٹ کا استعمال دائرے کے مرکز کا ایکس اور یی کو دسایا جاتا ہے۔ اگر یہ دو اپریٹ کو چھوڑ دیا جائے تو دائرے کا نقطہ (0, 0) ہوگا۔ آر اپریٹ دائرے کی ریمج کا مقصد ہے۔

استوک اور استوک-ویژن اپریٹ شکلی کی حاشیے کو کس طرح دکھایا جائے کا کنٹرول کرتے ہیں۔ ہم کی دائرے کی حاشیے کو 2 پی ایکس چھوٹی، کالے حاشیہ کیا ہوا ہے۔

فیل اپریٹ کا استعمال شکلی کے اندر کی رنگ کا مقصد ہے۔ ہم کوئی رنگ کا فیلنگ راستہ قرمز کیا ہوا ہے۔

بند کیچپ کا کردار ایس وی جی عنصر اور دستاویز کو بند کرنا ہے۔

تعلیمات:تمام کھولنے والی کیچپ کو بند کیچپ کا حامل ہونا چاہئے!