ایچ تی ام ال5 اینلائن ایس وی جی

HTML5 ਵਿੱਚ ਇਨਲਾਈਨ SVG ਦੀ ਸਮਰੱਥਾ ਹੈ

SVG ਕੀ ਹੈ?

  • SVG ਸਕੇਲੇਬਲ ਵੈਕਟਰ ਗਰਾਫਿਕਸ (Scalable Vector Graphics) ਦੇ ਰੂਪ ਵਿੱਚ ਹੈ
  • SVG ਉਪਯੋਗ ਵਾਲੇ ਨੇੜਲੇ ਗਰਾਫਿਕਸ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ
  • SVG گرافک کو XML فارمیٹ کے ذریعے تعریف کیا جاسکتا ہے
  • SVG تصویر کو بڑھانے یا چوڑا کرنے کی صورت میں اس کی گرافک کوالٹی میں کمی نہیں ہوتی
  • SVG ویکس ویکس ویکس کا معیار ہے

SVG کی منافع

SVG کو دیگر تصویر فارمیٹ (مثلاً JPEG اور GIF) کے مقابلے میں استعمال کی بنیاد میں مزید منافع:

  • SVG کو تارٹی اور ترمیم کریں، کسی بھی متن ویکھن میں استعمال کیا جاسکتا ہے
  • SVG تصویر کو تلاش، ایندکس، اسکریپٹ یا کمپریس کیا جاسکتا ہے
  • SVG قابل انعطاف ہے
  • SVG تصویر کو کسی بھی رزولوشن پر اعلی کوالٹی کی چاپ میں استعمال کیا جاسکتا ہے
  • SVG کو بغیر تصویر کی کوالٹی میں کمی کی صورت میں بڑھایا جاسکتا ہے

براوزر سپورٹ

Internet Explorer 9، Firefox، Opera، Chrome اور Safari نے درج لائی SVG کا سپورٹ فراہم کیا ہے。

SVG کو براہ راست HTML پیج میں داخل کریں

HTML5 میں، آپ SVG عناصر کو براہ راست HTML پیج میں داخل کرسکتے ہیں:

مثال

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

پرسا سکھو

نتائج:

SVG تعلیم

SVG کی مزید معلومات سیکھنے کیلئے، ہمارے SVG تعلیم.