SVG визуализатор – преглед, мащаб и експорт
SVG визуализаторът е инструмент за преглед на SVG, който показва как SVG маркирането се изобразява в браузър. Поставете или пуснете SVG съдържание, за да се покаже в напълно изолиран iframe, със скриптовете премахнати. Увеличавайте или намалявайте, включвайте шахматен фон за проверка на прозрачността, след което изтеглете SVG или експортирайте PNG чрез canvas.
SVG визуализаторът е онлайн инструмент за преглед на SVG, който изобразява SVG маркиране, за да можете да проверите резултата в браузъра си. Поставете или пуснете SVG съдържание, за да видите как изглежда документът, вместо да разчитате само на изходния му текст. Прегледът се показва в напълно изолиран iframe, а скриптовете се премахват.
Можете да увеличавате или намалявате, за да разгледате изобразеното изображение в различни мащаби, и да включите шахматен фон, за да видите по-ясно прозрачните области. Когато приключите, изтеглете SVG или го експортирайте като PNG чрез canvas. Тези контроли улесняват прегледа на SVG онлайн и избора на резултат, подходящ за следващата ви задача.
SVG е векторен формат за изображения, докато PNG е растерен формат за изображения. Запазването на изображение като SVG е полезно, когато искате векторния документ; експортирането на PNG ви дава растерна версия на прегледа. Визуализаторът поддържа както изтегляне на SVG, така и експортиране на PNG, така че можете да проверите изходния формат и да създадете PNG резултат, когато е нужно.
SVG визуализаторът работи изцяло във вашия браузър: входът ви се обработва на вашето устройство и не се качва, не се съхранява и не се изпраща към сървър. След като страницата се зареди, той работи офлайн без сървърна зависимост. Полезен е за разработчици и DevOps инженери, които трябва да разгледат SVG, който не са създали, да проверят изобразения му вид или да експортират PNG, без да изпращат входа другаде.
Стъпка 1: Поставете вашето SVG маркиране или пуснете SVG файл в инструмента, за да го заредите за преглед.
Стъпка 2: Разгледайте изобразения SVG в прегледа и проверете как изглеждат фигурите и текстът му.
Стъпка 3: Увеличавайте или намалявайте, за да разгледате SVG в различни мащаби.
Стъпка 4: Включвайте шахматния фон, за да станат прозрачните области по-лесни за виждане.
Стъпка 5: Изтеглете SVG файла или експортирайте прегледа като PNG чрез canvas.
Случай на употреба: Разгледайте SVG документ, който не сте писали и не можете лесно да разберете само като четете маркирането му.
Случай на употреба: Проверете как се изобразява SVG, преди да го използвате в код, който консумира или показва документа.
Случай на употреба: Разгледайте визуално голям SVG, докато установявате кои части от маркирането му трябва да проверите или редактирате.
Случай на употреба: Увеличете, за да разгледате детайли в SVG, когато цялото изображение е трудно за оценка в първоначалния му мащаб.
Случай на употреба: Проверете прозрачните области, като включите шахматния фон.
Случай на употреба: Експортирайте прегледа на SVG като PNG, когато ви трябва растерно изображение вместо оригиналния векторен документ.
Случай на употреба: Изтеглете SVG, след като го разгледате в браузъра.