Ответы пользователя по тегу SVG
  • Как сделать SVG чётче?

    SeaInside
    @SeaInside
    15 лет пилю все эти штуки
    Нарисовать надо по пиксельной сетке, иллюстрирую:

    65663114addb4709037114.jpeg
    Если дизайнер изначально об этом не думал, когда рисовал (точки поставлены наобум, либо используется не целочисленная величина обводки) - вы с этим ничего не сделаете.

    На экранах повышенной плотности, к слову, эффект менее заметен (что не особо радует всех остальных).
    Ответ написан
    Комментировать
  • Как сделать постепенное заполнение слева направо элемента с fill?

    SeaInside
    @SeaInside
    15 лет пилю все эти штуки
    Clip-path, равный элементу (оранжевым выделил, как должно выглядеть), другой заведомо гораздо больший элемент (которым будете заполнять) получает атрибут clip-path, который получает идентификатор созданного в первом шаге (синим показал, как должно выглядеть).
    Со вторым элементом делаете что хотите, как угодно трансформируете - он рисуется только в указанной области (а область у нас равна элементу, графику или что там у вас).

    5ea009aba7096363002438.png
    Ответ написан
  • Почему тормозит слайдер?

    SeaInside
    @SeaInside
    15 лет пилю все эти штуки
    Оптимизировать SVG путём упрощения фигур (уменьшения числа точек), удаления не значимых элементов, иногда какие-то забытые фигуры встречаются вне viewbox'a.
    Если уже оптимизировано - смириться или переключиться на растровую графику, у всего своя цена, объёмные SVG - стоят дорого.
    Ответ написан
    Комментировать