Pull to refresh

Comments 8

Не решение бага, но небольшое облегчение жизни — не пробовал использовать внешние стили css, в svg указывая только ссылку? Так понимаю он в ai файле каждый svg видит изолированно, поэтому и не видит иерархии и других стилей.
www.w3.org/TR/SVG2/styling.html
Внешние не пробовал. Мне тогда придётся очень часто их отключать/подключать.
Кроме того, я пробовал атрибуты представления или что-то такое. Это когда стиль напрямую описывается в линии. Не помогло.
Я не до конца понял суть бага, но что-то подобное я встречал при отображении множества svg на странице. Проблема заключалась в том, что при экспорте некоторые айдишники или классы внутри svg совпадают с другими. Это могут быть стили или clip path, и все это так или иначе сказывается на отображении svg. На одном из проектов у меня была подобная проблема, когда отображение всех svg превращало общую картинку в непотребство. Решил я все это крайне просто — взял SVGO, модифицировал один из встроенных плагинов в свой и моя проблема на том была решена(только нужно прогонять все svg пакетно в пределах одного процесса ноды, чтобы айдишники были уникальными для любого из файлов; сделать это можно, например, через любой из плагинов к gulp).
И еще, встраивание стилей, если это не оправдано чем-то разумным лучше избегать по моему опыту и делать все стили инлайновыми для объектов, при экспорте из люстры это можно так же указывать.
Суть бага в том, что в Фонгепе под ВинФон картинка не отображалась, если там было меньше семи разных стилей (цветов)
Дело не в пересечении стилей. Я проверял картинки по одной. Кстати даже при множестве svg всё было нормально.
А если не использовать CSS, а обходиться только свойствами svg, то что происходит с картинкой?
Ну в SVG насколько я понимаю без CSS никуда. Ведь через стили задаются цвета линий.
Тег
<style> 
прямо в SVG файле. Я про это.
Ну, и да и нет.
Вот простой пример:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.069 54.544">
    <path fill="none" stroke="#033144" stroke-width="3" stroke-miterlimit="10" d="M16.535 19.213l.362 35.315" />
    <path d="M16.897 54.528S15.735 32.18 33.07 28.618c0 .002-2.085 25.885-16.173 25.91z" fill="#033144" />
    <path d="M16.172 54.528S17.334 32.18 0 28.618c0 .002 2.084 25.885 16.172 25.91z" fill="#033144" />
    <path d="M24.996 2.488L19.71 8.62 16.535 0 13.36 8.62 8.074 2.488a19.814 19.814 0 0 0-.76 5.49c0 7.64 4.13 13.83 9.22 13.83 5.093 0 9.22-6.19 9.22-13.83 0-1.95-.27-3.806-.758-5.49z" fill="#e1722f" />
</svg>

С одной стороны, fill мы можем и в <style/> прописать, а можем и как свойство объекта использовать.
Потому и спрашивал: присутствует ли проблема при использовании только инлайн-свойств, без <style/>?
Я понял вас.У меня просто некоторая проблема с терминами. Да конечно я пробовал так сохранять. Проблема присутствовала.
Sign up to leave a comment.

Articles