البرنامج التعليمي للبدء مع رسومات ناقلات SVG باستخدام HTML5

تقدم هذه المقالة بشكل أساسي البرنامج التعليمي التمهيدي لاستخدام HTML5 لرسم رسومات ناقلات SVG ، بما في ذلك رسم الرسومات الأساسية وتأثيرات التدرج البسيطة. لاحظ أن دعم الإصدار القديم من IE ليس جيدًا. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.

تمثل VG رسومات متجه قابلة للتطوير ، وهي لغة تستخدم لوصف الرسومات ثنائية الأبعاد وتطبيقات الرسومات مكتوبة في XML ، والتي يتم تقديمها بعد ذلك بواسطة برنامج قارئ SVG.

يستخدم SVG بشكل رئيسي في مخططات نوع المتجه ، مثل مخططات الفطيرة ، والمخططات ثنائية الأبعاد في أنظمة الإحداثيات X ، Y ، إلخ.

أصبحت SVG المعيار الموصى به W3C في 14 يناير 2003 ، ويمكنك عرض أحدث إصدار من مواصفات SVG على صفحة مواصفات SVG.

يمكن لمعظم متصفحات الويب عرض SVGs ، تمامًا كما يمكنها عرض رسومات PNG و GIF و JPG. قد يحتاج مستخدمو IE إلى تثبيت قارئ Adobe SVG ليتمكنوا من عرض SVG في متصفحهم.

تضمين SVG في HTML5

يسمح لنا HTML5 بتضمين SVG مباشرة باستخدام علامة __ <svg> ... </svg>. ما يلي هو بناء الجملة البسيط: