عارض SVG
الصق شيفرة SVG الخام لمعاينة النتيجة المعروضة فورًا.
تُعطِّل المعاينة النصوص البرمجية والمراجع الخارجية، مع إبقاء فحص viewBox وتفاصيل الحجم متاحًا.
معاينة SVG: الصق الشيفرة الخام وافحص النتيجة فورًا
فحص viewBox والحجم: راجع الشفافية والمحتوى الذي قد يكون غير آمن
طريقة الاستخدام
- الصق شيفرة SVG أو حمّل ملف `.svg`.
- بدّل الخلفية ومستوى التكبير لفحص العرض.
- راجع viewBox وتفاصيل الحجم والتحذيرات، ثم احفظ SVG إذا لزم الأمر.
مثال
SVG لأيقونة بسيطة
الإدخال
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
الإخراج
تُعرض أيقونة دائرية زرقاء، ويظهر viewBox بالقيمة `0 0 120 120` في لوحة المعلومات.
الأسئلة الشائعة
هل يُرفع SVG الخاص بي إلى أي مكان؟
لا. يبقى SVG الملصوق والملفات المحمّلة داخل متصفحك ولا تُرسل إلى أي خادم.
ماذا يحدث لملفات SVG التي تحتوي على script أو foreignObject؟
تزيل المعاينة الآمنة هذه العناصر قبل العرض وتُظهر تحذيرًا في لوحة المعلومات.
هل ستُعرض ملفات SVG التي تحتوي على صور أو خطوط خارجية بالشكل نفسه تمامًا؟
ليس دائمًا. تُعطَّل المراجع الخارجية، لذلك قد يختلف المظهر عن البيئة الأصلية. تعطي هذه الأداة الأولوية للفحص المحلي الآمن.
لماذا لا يُعرض SVG الخاص بي؟
من الأسباب الشائعة XML غير صالح أو قيم سمات غير صحيحة أو عنصر جذر ليس `svg`. تحقّق من رسالة الخطأ التي تعرضها الأداة.
لماذا أغيّر الخلفية؟
قد تبدو المناطق الشفافة والأيقونات الفاتحة مختلفة جدًا بحسب الخلفية، لذلك تتيح الأداة اختبار خلفيات مربعات الشطرنج والأبيض والداكن بسرعة.
ملاحظات
- لأسباب تتعلق بالأمان، تُعطَّل مراجع URL الخارجية والعناصر الخطرة قبل العرض.
- قد لا تبدو ملفات SVG التي تعتمد على خطوط أو صور خارجية كما تظهر في بيئتها الأصلية.
- تنتقل ملفات SVG الكبيرة جدًا تلقائيًا إلى وضع بدون معاينة حية وتطلب منك العرض يدويًا.