SVG لتقف على تحجيم الرسومات المتجهات.
تعرف SVG المستندة إلى متجه الرسومات في شكل XML.
الأمثلة في كل فصل
مع شركائنا "انها محاولة لنفسك" المحرر، يمكنك تحرير SVG، وانقر على زر لعرض النتيجة.
SVG مثال
<html>
<body>
<h1>My first 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
- XML الأساسي
إذا كنت ترغب في دراسة هذه المواضيع أولا، والعثور على الدروس على موقعنا على الصفحة الرئيسية .
ما هو SVG؟
- SVG لتقف على تحجيم الرسومات المتجهات
- يستخدم SVG لتحديد المستندة إلى متجه الرسومات للويب
- تعرف SVG الرسومات في شكل XML
- رسومات SVG لا تفقد أي نوعية إذا تم تصغيرها هم أو تغيير حجمها
- كل عنصر وكل السمة في ملفات SVG يمكن أن تكون متحركة
- SVG هو توصية W3C
- SVG يتكامل مع معايير W3C أخرى مثل دوم و XSL
SVG هو توصية W3C
أصبح SVG 1.0 توصية W3C يوم 4 سبتمبر عام 2001.
أصبح SVG 1.1 توصية W3C في 14 كانون الثاني عام 2003.
SVG 1.1 (Second Edition) أصبح توصية W3C في 16 أغسطس 2011.
SVG المزايا
مزايا استخدام SVG على تنسيقات الصور الأخرى (مثل JPEG و GIF) هي:
- صور SVG يمكن إنشاء وتحريرها مع أي محرر نصوص
- صور SVG يمكن البحث فيها، فهرستها، كتابتها، ومضغوط
- صور SVG قابلة للتغيير
- صور SVG يمكن طباعتها بجودة عالية في أي قرار
- صور SVG هي زومابلي (and the image can be zoomed without degradation)
- SVG هو معيار مفتوح
- ملفات SVG هي XML النقي
المنافس الرئيسي لSVG هو فلاش.
أكبر SVG ميزة لديها أكثر من فلاش هو الامتثال لمعايير أخرى (eg XSL and the DOM) . تعتمد فلاش على التكنولوجيا الخاصة والتي ليست مفتوحة المصدر.
خلق SVG صور
صور SVG يمكن أن تنشأ مع أي محرر نصوص، ولكن غالبا ما يكون أكثر ملاءمة لخلق صور SVG مع برنامج رسم، مثل إنكسكيب .