Pull to refresh
16
0
Лев Губин @leonaded

Дизайнер интерфейсов

Send message
С технической стороны мы реализовали все очень просто. Написали регулярки, которые проходят по SVG и вычищают все лишнее. Работает решение при определенных условиях.
1. все иконки — это глифы, то есть одноцветные
2. все иконки экспортированы из Sketch
3. все иконки экспортированы через slice
Это дает нам примерно одинаковый код для всех иконок.

        replace = [
            {reg : / fill="(.*?)"/m,            post : ''},
            {reg : /(\s*)<\/defs[\s\S]*<\/g>/m, post : ''},
            {reg : /(\s*)<defs>/m,              post : ''},
            {reg : / id="(.*?)"/m,              post : ''},
            {reg : /xmlns:xlink="(.*?)"/m,      post : ''},
            {reg : /(\s*)<g[\s\S]*?>/m,         post : ''},
            {reg : /(\s*)<\/g>/m,               post : ''},
            {reg : /<svg/m,                     post : '<svg fill="#000"'},
            {reg : / transform="(.*?)"/m,       post : ''},
            {reg : / fill-rule="(.*?)"/m,       post : ''},
        ],

Information

Rating
Does not participate
Location
Пермь, Пермский край, Россия
Date of birth
Registered
Activity