مطور / فحص SVG
عارض SVG: فحص SVG وتغيير حجمه ونسخه
اعرض شفرة SVG محليًا مع عناصر تحكم للتكبير والخلفية. افحص الأبعاد ورموز الألوان، وعدّل width وheight، وأصلح viewBox، ثم نزّل data URI أو انسخه.
عارض SVG: فحص SVG وتغيير حجمه ونسخه: يقرأ أبعاد SVG وviewBox وعدد العناصر وحجم الملف بالبايت والاستخدام الصريح للألوان. لا يعدّل سوى سمات تغيير الحجم المطلوبة في العنصر الجذر بعد تنظيفه. يمكن ملء viewBox المفقود من أبعاد المصدر؛ ويحافظ الوضع المتجاوب على viewBox ويزيل سمتي width وheight. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات المطورين
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
منطقة عرض SVG وviewBox
يتكوّن viewBox من أربعة أرقام: الحد الأدنى لـ x، والحد الأدنى لـ y، والعرض، والارتفاع. يجب أن يكون العرض والارتفاع موجبين. المواصفة: https://www.w3.org/TR/SVG2/coords.html
التحجيم والمعاينات المحلية
تُحوّل الأطوال المطلقة وفق 96 بكسل CSS لكل بوصة. لا يغيّر تكبير المعاينة أو الخلفية الترميز المصدَّر. قواعد معالجة صور SVG: https://www.w3.org/TR/SVG2/conform.html
طريقة الاستخدام
- أسقط ملف SVG أو الصق شفرته لفحص معاينة منظّفة.
- حدّد الأبعاد مع خيار قفل التناسُب، واضبط viewBox، أو أزل الأبعاد لاستخدام متجاوب.
- نزّل SVG، أو انسخ شفرته، أو انسخ data URI مشفّرًا.
الخصوصية والقيود
تُعالج صورة SVG محليًا وتُعرض كصورة معزولة. تُزال البرامج النصية ومعالجات الأحداث والموارد الخارجية.
أدوات ذات صلة
الأسئلة الشائعة
هل يؤدي تغيير viewBox إلى تغيير الرسم؟
يغيّر ذلك منطقة الإحداثيات المرئية. استخدم viewBox الحالي عند تغيير حجم العرض فقط؛ فقد يؤدي viewBox مختلف إلى اقتصاص الرسم المرئي أو إزاحته.
ماذا يحدث عند غياب الأبعاد؟
يستخدم العارض أبعاد viewBox، ثم قيمة احتياطية تبلغ 300 × 150 بكسل. تستخدم الأطوال الفيزيائية المطلقة 96 بكسل لكل بوصة؛ أما الأطوال النسبية فتحتاج إلى صفحة حاوية لحسابها بدقة.
لماذا يزيل الوضع المتجاوب width وheight؟
يحافظ viewBox على نظام الإحداثيات، بينما يتحكم التخطيط المحيط في الحجم المعروض.
هل يمكنني نسخ data URI؟
نعم. يحتوي data URI على SVG الناتج بعد تنظيفه، مع ترميز URI.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا