Конвертация SVG
Конвертация SVG доступна в элементе Фигура, чтобы можно было изменить заливку фигуры и применить к ней визуальные эффекты в редакторе Flexbe.
Сконвертировать SVG можно в настройках фигуры.
После конвертации появится раздел Заливка, где можно выбрать цвет фигуры, загрузить на фон изображение, выбрать эффекты.
Во вкладке Цвет вы можете залить фигуру любым цветом из палитры или создать градиент.
Во вкладке Изображение можно добавить свое изображение или загрузить из бесплатной галлереи.
Размытие — можно настроить размытие фигуры от 1 до 50 пикселей.
Размытие фона — это размытие фона в форме фигуры. Но для этого эффекта нужно уменьшать прозрачность заливки или изображения.
Правила при конвертации
Для успешной конвертации, SVG не должна содержать:
— Больше одного цвета
— Градиенты
— Прозрачность отдельных слоев
— Тени
— Размытия
— Шрифты, не сконвертированные в вектор
— Пути имеющие fill-rule="evenodd" свойство
— Больше одного цвета
— Градиенты
— Прозрачность отдельных слоев
— Тени
— Размытия
— Шрифты, не сконвертированные в вектор
— Пути имеющие fill-rule="evenodd" свойство
Если SVG имеет несколько слоев — объединяйте их в один.
Большое количество слоев также может повлиять на качество конвертации.
Большое количество слоев также может повлиять на качество конвертации.
Если после конвертации фигура полностью закрашивается - возможно в ней присутствуют fill-rule: evenodd свойства.
Для правильной работы маски все пути должны иметь fill-rule: nonzero, поэтому вам потребуется сконвертировать все evenodd -> nonzero.
Проще всего сделать это с помощью плагина для Figma - Fill Rule Editor
Для правильной работы маски все пути должны иметь fill-rule: nonzero, поэтому вам потребуется сконвертировать все evenodd -> nonzero.
Проще всего сделать это с помощью плагина для Figma - Fill Rule Editor
Пример ошибки: если SVG содержит множество групп, при конвертации рамка может стать больше иконки.
Звонок по России бесплатный
8 (800) 555-45-12
© 2012 – 2024 ООО «Флексби»