نمایشگر SVG

کد SVG/XML را وارد کنید و گرافیک برداری را مستقیماً در مرورگر ببینید. پیش‌نمایش از بزرگ‌نمایی و جابه‌جایی پشتیبانی می‌کند.

نمایشگر SVG

کد SVG

کد SVG/XML را وارد کنید یا مستقیماً ویرایشش کنید.

پیش‌نمایش

برای حفظ امنیت، اسکریپت‌ها و منابع خارجی مسدود می‌شوند.

100%

کد معتبر SVG در اینجا نمایش داده می‌شود.

این ابزار چه کاری انجام می‌دهد

نمایشگر SVG کد SVG را مستقیماً در مرورگر رندر می‌کند تا بدون ارسال کد به سرویس خارجی، گرافیک برداری را بررسی کنید.

روش استفاده از ابزار

  1. یک سند کامل SVG را در کادر کد وارد کنید یا XML را مستقیماً ویرایش کنید.
  2. گرافیک رندرشده را بررسی کنید و برای دیدن جزئیات از بزرگ‌نمایی یا جابه‌جایی استفاده کنید.
  3. برای بررسی SVG دیگری، نما را بازنشانی کنید یا کادر را پاک کنید.

کاربردهای مفید

  • بررسی SVG ساخته‌شده پیش از استفاده در وب‌سایت.
  • بررسی viewBox، شکل‌ها و فاصله‌های یک گرافیک برداری در مرورگر.
  • مقایسه تغییرات کوچک کد SVG با خروجی رندرشده.

نکات و محدودیت‌ها

  • کد به‌صورت محلی در مرورگر پردازش می‌شود. اسکریپت‌ها، HTML جاسازی‌شده و منابع خارجی مسدود می‌شوند.
  • محتوای پشتیبانی‌نشده یا احتمالاً ناامن SVG ممکن است از پیش‌نمایش حذف شود.

پرسش‌های متداول

چرا SVG من نمایش داده نمی‌شود؟

بررسی کنید که محتوا XML معتبر با عنصر ریشه <svg> باشد. سندهای ناقص یا نادرست رندر نمی‌شوند.

آیا تصاویر یا فونت‌های خارجی بارگذاری می‌شوند؟

خیر. منابع خارجی و محتوای اجرایی برای حفظ امنیت مسدود می‌شوند.