SVG பார்வையாளர்
மூல SVG குறியீட்டை ஒட்டி, உருவான விளைவைக் உடனே முன்னோட்டம் பார்க்கவும்.
முன்னோட்டம் script-களையும் வெளிப்புற குறிப்புகளையும் முடக்கினாலும், viewBox மற்றும் அளவு விவரங்களைப் பார்க்க அனுமதிக்கிறது.
SVG முன்னோட்டம்: மூல குறியீட்டை ஒட்டி, முடிவை உடனடியாகச் சரிபார்க்கவும்
viewBox மற்றும் அளவு சோதனைகள்: வெளிப்படை மற்றும் சாத்தியமான பாதுகாப்பற்ற உள்ளடக்கத்தைப் பார்க்கவும்
பயன்படுத்துவது எப்படி
- SVG குறியீட்டை ஒட்டி அல்லது ஒரு `.svg` கோப்பை ஏற்றவும்.
- ரெண்டரிங்கை ஆய்வு செய்ய பின்னணி மற்றும் zoom நிலையை மாற்றவும்.
- 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 மற்றும் ஏற்றப்பட்ட கோப்புகள் உங்கள் உலாவியிலேயே இருக்கும்; சேவையகத்துக்கு அனுப்பப்படாது.
script அல்லது foreignObject கொண்ட SVG-களுக்கு என்ன நடக்கும்?
பாதுகாப்பான முன்னோட்டம் அத்தகைய கூறுகளை வெளிப்படுத்துவதற்கு முன் நீக்கி, தகவல் பலகையில் எச்சரிக்கையைக் காட்டுகிறது.
வெளிப்புற படங்கள் அல்லது எழுத்துருக்கள் உள்ள SVG-கள் அதேபோல் தோன்றுமா?
எப்போதும் இல்லை. வெளிப்புற குறிப்புகள் முடக்கப்பட்டுள்ளதால் தோற்றம் மூல சூழலிலிருந்து மாறக்கூடும். இந்த கருவி பாதுகாப்பான உள்ளூர் பார்வையிடுதலை முன்னுரிமை அளிக்கிறது.
என் SVG ஏன் தோன்றவில்லை?
பொதுவான காரணங்கள் தவறான XML, செல்லாத பண்புகள், அல்லது `svg` அல்லாத மூல கூறு ஆகும். கருவி காட்டும் பிழைச் செய்தியைச் சரிபார்க்கவும்.
நான் பின்னணியை ஏன் மாற்ற வேண்டும்?
வெளிப்படைப் பகுதி மற்றும் வெளிர் நிற சின்னங்கள் பின்னணியைப் பொறுத்து மிகவும் மாறுபடலாம்; அதனால் கருவி checker, வெள்ளை, மற்றும் இருண்ட பின்னணிகளை விரைவாகச் சோதிக்க அனுமதிக்கிறது.
குறிப்புகள்
- SVG உள்ளடக்கம் உள்ளூராகவே செயலாக்கப்படும்.
- viewBox மற்றும் அளவு விவரங்களைச் சரிபார்க்கவும்.
- சந்தேகம் இருந்தால் பாதுகாப்பான முன்னோட்டமாக மட்டும் பார்க்கவும்.