SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
حول هذه الأداة
الصق ترميز SVG وشاهد فوراً كيف يُعرض في لوحة المتصفح. SVG هو تنسيق متجه مبني على XML يتوسع بشكل مثالي لأي حجم شاشة.
أوضاع الخلفية (مربعات، أبيض، أسود) تساعدك في تقييم المناطق الشفافة وتباين الألوان.
كيفية الاستخدام
- الصق أو اكتب كود SVG في تبويب المحرر.
- انتقل إلى تبويب المعاينة لرؤية النتيجة المُعرَضة.
- اضبط التكبير والخلفية لفحص أسهل.
- انقر على نسخ SVG أو تنزيل SVG عند الانتهاء.
حالات الاستخدام
يتحقق المصممون من صادرات SVG من Figma أو Illustrator. يُصحح المطورون ترميز SVG المدمج. يؤكد مهندسو الواجهة الأمامية المناطق الشفافة باستخدام خلفية المربعات.
الأسئلة الشائعة
- هل يُرسل كود SVG إلى خادم؟ — لا. تُعرض المعاينة بالكامل في متصفحك. لا يُحمَّل أي شيء أو يُخزَّن.
- لماذا يبدو SVG فارغاً؟ — تحقق من أن العنصر الجذر <svg> يحتوي على viewBox أو width/height صريحين، وأن ألوان التعبئة تختلف عن الخلفية.
- هل يمكنني التعديل وإعادة التنزيل؟ — نعم. حرر في تبويب المحرر، تحقق في المعاينة، ثم انقر على تنزيل SVG.