Как изменить цвета SVG.


ℹ️ Отказ от ответственности

Это будет работать только для иконок svg, которые являются сплошными цветами, если у вас есть 2 слоя или есть пробелы между изображениями, например, иконка settings.svg, которая имеет шестеренку в качестве иконки, которая имеет более 1 пробела между изображениями… Это не сработает.

Сделайте мне приятное;

*❤️ 🦄, сохраните & комментарий! *
Много ❤️❤️❤️❤️❤️❤️❤️.

ℹ️ Предыстория

Недавно я столкнулся с проблемой изменения цвета SVG при попытке сделать это в PyQt5 Editor. Я боролся в течение 10 минут, когда понял, что должен быть лучший способ. Я спросил Google, приложив в конце «stackoverflow», и это привело меня к потоку, который выглядел как 8Mile из фильма.

Как и в случае с нитью, найденной 8 лет назад. Я не собирался «побаловать» себя чтением этого массивного потока словесной блевотины. Поэтому, чтобы сделать это супер проще для следующего программиста/кодера, ищущего быстрые ответы, вот он!

Вы можете изменить любой цвет SVG. Теперь, как сделать так, чтобы он менял цвет в приложении на python, я не знаю, но я уверен, что найду то, что ищу, когда придет время.

FeatherIcons также имеет несколько действительно красивых иконок, готовых к использованию! Что я использовал, но также только что узнал, что могу сделать, так это изменить цвет, который мне нужен ЗДЕСЬ, прежде чем я загружу иконки, ПЛЮС я также могу настроить размер и ширину штриха перед загрузкой lol (ОГРОМНАЯ НЕУДАЧА).

Живи и учись!

Другие способы

Другой способ, который я использовал до того, как обнаружил, что я сделал в предыдущем предложении.

  • РАЗДЕЛИТЕ ПАПКУ SVG, которые вы хотите редактировать (предполагается, что цвет черный), поэтому другая папка может быть белой или красной. Я переделал папку для всех белых логотипов.

  • Используйте любой редактор кода, я использовал для этого VSCode. Откройте SVG в вашем редакторе кода. И он покажет что-то вроде этого.

Примечание

  • Вы захотите внести изменения в атрибуты fill=»none» stroke=»currentColor».

  • Переверните атрибуты fill & stroke; Вы хотите, чтобы это выглядело как на рисунке ниже. после редактирования vscode

Пример

Перед

fill="none" stroke="currentColor"
Вход в полноэкранный режим Выйти из полноэкранного режима


до редактирования

После

fill="currentColor" stroke="white"
Войти в полноэкранный режим Выход из полноэкранного режима


после редактирования

Надеюсь, это было очень полезно для вас, как и для меня.

Оцените статью
devanswers.ru
Добавить комментарий