Найти в Дзене
Другой мир

Редактор векторной svg графики для Linux

Хочу с вами поделиться одной находкой. Эта программа сильно упростила у меня сегодня рабочий процесс. По своей работе мне часто приходят файлы картинок в формате svg. Это такой векторный формат для размещения на сайтах разных логотипов, кнопок и тд. Формат с одной стороны удобный, а с другой надо уметь с ним работать, да что там работать, там изучать надо. Но вот незадача, бывает так, что цвета текста в логотипах не подходят к дизайну. Скажем фон сайта черный и логотип черный. Вот как на примере одного сайта, с которым я сейчас работаю: Обычно я поступал как - открывал файл svg в текстом редакторе: И там искал и заменял код fill="black" на fill="white", но во первых не всегда надписи сделаны таким способом, бывает более мудреный код. А что то типа такого: А нам нужно получить такое: Как можно видеть, там появилась запись fill="white", вот как это делать руками, я не знаю, и особо изучать нет желания. Ну можно все конвертировать в png, а потом инвертировать цвета, но это не под

Хочу с вами поделиться одной находкой. Эта программа сильно упростила у меня сегодня рабочий процесс.

По своей работе мне часто приходят файлы картинок в формате svg. Это такой векторный формат для размещения на сайтах разных логотипов, кнопок и тд. Формат с одной стороны удобный, а с другой надо уметь с ним работать, да что там работать, там изучать надо.

Но вот незадача, бывает так, что цвета текста в логотипах не подходят к дизайну. Скажем фон сайта черный и логотип черный.

Вот как на примере одного сайта, с которым я сейчас работаю:

-2

Обычно я поступал как - открывал файл svg в текстом редакторе:

-3

И там искал и заменял код fill="black" на fill="white", но во первых не всегда надписи сделаны таким способом, бывает более мудреный код.

А что то типа такого:

-4

А нам нужно получить такое:

-5

Как можно видеть, там появилась запись fill="white", вот как это делать руками, я не знаю, и особо изучать нет желания. Ну можно все конвертировать в png, а потом инвертировать цвета, но это не подойдет для разноцветной графики. Да, есть онлайн редакторы, их много. Но в основном они на одном и том же скрипте. И основная проблема, что не все они могут редактировать.

Вот пример такого онлайн редактора. Верхнюю надпись я могу редактировать, просто кликая по буквам и меняя цвет, то с нижней надписью так не работает, она как то по другому создана.

-6

И вот, чисто случайно не попалась программа Boxy SVG, и есть она в флетпаке. Скачать тут : https://flathub.org/apps/com.boxy_svg.BoxySVG

Единственный минус - нет русского языка.

-7

Берем наш файл исходный и просто кликаем по нужным буквам, выделяя их.

И есть у нас там кнопочка fill

-8

И можем мы делать все что угодно, как в любом векторном редакторе, да простит меня tv brics , что я взял их для примера.

Естественно, тут можно рисовать всякие векторные штуки с нуля, ну если вы умеете рисовать, добавлять текст, фильтры, растровую графику. В общем достаточно удобная штука для векторной графики.

-9

Надеюсь кому то это будет полезно и программа придется кстати, как мне.