دليل تعليمات SVG

SVG وصلة

SVG هي تشير إلى شكل متجه قابل للتكبير (Scalable Vector Graphics) ملفات يحدد تنسيق الرسومات المتجهة

النماذج في كل فصل

من خلال استخدام محرر "تجربة شخصية" الخاص بنا، يمكنك تحرير SVG، ثم النقر على الزر لعرض النتيجة.

مثال SVG

<html>
<body>
<h1>SVG الخاص بي الأول</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

تجربة شخصية

المعرفة الأساسية المطلوبة

قبل المتابعة، يجب أن تكون لديك فهم أساسي لما يلي:

  • HTML
  • أساسيات ملفات

إذا كنت ترغب في تعلم هذه المعلومات أولاً، يمكنك زيارة الدروس ذات الصلة على صفحتنا الرئيسية.

ما هو SVG؟

  • SVG هي تشير إلى شكل متجه قابل للتكبير (Scalable Vector Graphics)
  • SVG لتحديد الرسومات المتجهة على الويب
  • SVG تحديد الرسومات بتنسيق XML
  • SVG يمكن تعيين الرسوميات للعناصر والصفات في الملف
  • SVG هي معيار مقترح من قبل W3C
  • SVG تداخل مع معايير W3C الأخرى، مثل DOM و XSL

SVG هي معيار مقترح من قبل W3C

SVG 1.0 أصبحت معيارًا مقترحًا من قبل W3C في 4 سبتمبر 2001.

SVG 1.1 أصبحت معيارًا مقترحًا من قبل W3C في 14 يناير 2003.

SVG 1.1 (النسخة الثانية) أصبحت معيارًا مقترحًا من قبل W3C في 16 أغسطس 2011.

SVG المزايا

مقارنة بتنسيقات الصور الأخرى (مثل JPEG وGIF)، استخدام SVG فوائد هي:

  • SVG الصور يمكن إنشاؤها وتحريرها باستخدام أي محرر نصي
  • SVG الصور يمكن البحث عنها، والفهرسة، والبرمجة والضغط
  • SVG الصور قابلة للتوسيع
  • SVG الصور يمكن طباعتها بجودة عالية عند أي دقة
  • SVG الصور قابلة للتكبير
  • SVG الرسومات لا تفقد أي جودة عند التكبير أو الت縮يم
  • SVG هي نقيه
  • SVG XML ملفات

إنشاء SVG الصور

SVG الصور يمكن إنشاؤها باستخدام أي محرر نصي، ولكن باستخدام برامج الرسم (مثل Inkscapeإن إنشاء صور SVG عادةً أكثر سهولة.