SVG هو اختصار رسومات المتجهات القابلة للتطوير ، مما يعني رسومات متجه قابلة للتطوير. في عام 1998 ، أنشأ تحالف الويب العالمي على الويب مجموعة عمل لتطوير تقنية تعبر عن رسومات المتجهات من خلال XML - SVG! نظرًا لأن SVG هو أيضًا ملف XML ، فإن SVG يرث أيضًا مزايا الانفتاح وقابلية النقل والتفاعل بين XML. يقدم هذا المقال SVG في HTML5. إذا كنت بحاجة إليها ، يرجى الرجوع إلى خلفية SVG.
SVG هو اختصار رسومات المتجهات القابلة للتطوير ، مما يعني رسومات متجه قابلة للتطوير. في عام 1998 ، أنشأ تحالف الويب العالمي على الويب مجموعة عمل لتطوير تقنية تعبر عن رسومات المتجهات من خلال XML - SVG! نظرًا لأن SVG عبارة عن ملف XML أيضًا ، فإن SVG يرث أيضًا مزايا انفتاح XML وقابليته للنقل والتفاعل. في الوقت الحاضر ، تدعم جميع المتصفحات السائدة تقريبًا SVG ، ويمكنك الحصول على المزيد من معلومات التوافق من هنا ، بما في ذلك:
استخدم عناصر <Minibed> أو <Object> لعرض رسومات SVG الأساسية ؛
استخدم <img> لعرض رسومات SVG ؛
تطبيق رسومات SVG كصورة خلفية CSS ؛
استخدم علامة <SVG> مباشرة في مستندات HTML (يتطلب دعم HTML5) ؛
استخدم تحويلات SVG والمرشحات والمؤثرات الخاصة الأخرى لعناصر HTML التي تستخدم CSS أو عناصر الكائنات الخارجية ؛
استخدم تأثيرات تشبه Photoshop على كائنات SVG ، بما في ذلك المعالجة الضبابية ومعالجة الألوان ؛
استخدام الرسوم المتحركة لصور SVG.
استخدام خطوط SVG.
* SVG
* المحتوى الأساسي
* SVG ليس حصريًا لـ HTML5
* HTML5 يوفر محتوى حول SVG الأصلي
* قبل ظهور HTML5 ، كان هناك محتوى SVG
* SVG ، ببساطة ضعها كمتجه
* ملف SVG يحتوي على امتداد .SVG
* يستخدم SVG بناء جملة XML
* مفهوم
* SVG هي لغة تستخدم تقنية XML لوصف الرسومات ثنائية الأبعاد
* ميزات SVG
* يمكن التقاط رسومات رسم SVG بواسطة محركات البحث
* يتم توسيع SVG عندما لا تنخفض جودة الصورة
* الفرق بين SVG و Canvas
* SVG
* لا تبعية قرار
* حدث الدعم ملزمة
* برامج لمناطق التقديم الكبيرة (مثل خرائط Baidu)
* لا يمكن استخدامها لتنفيذ ألعاب الويب
* قماش
* يعتمد على القرار
* ربط الحدث غير مدعوم
* لعبة الويب الأنسب
* حفظ كصورة تنسيق .jpg
* غاية
* بعض الرموز الصغيرة على صفحة الويب
* التأثيرات الديناميكية على صفحة الويب (تأثير الرسوم المتحركة)
* باستخدام SVG في HTML5
* استخدم <svg> </svg> عناصر
* الوظيفة - على غرار عنصر <canvas>
* الحجم الافتراضي هو 300 بكسل* 150 بكسل
* استخدم أنماط CSS
* استخدم SVG لرسم رسم بياني ، يجب عليك تحديد عنصر <SVG>.
* ارسم رسم بياني
* عناصر مستطيلة
انسخ الرمز