@victor-ponamariov

Как обрабатывать SVG экспортируемые из sketch во VueJS?

Использую систему предложенную документацией VueJS: https://vuejs.org/v2/cookbook/editable-svg-icons.html

В ней для базовой иконки задается viewbox, равный 0 0 100 100, и судя по всему это значение больше не меняется. Но когда я экспортирую иконки из скетча, возможны разные значения этого viewbox. И получается, что, когда используешь иконку, то код будет выглядеть так:
<icon-base
    width="12"
    height="12"
    viewbox="0 0 40 40" <---- вот это значение будет везде разным
    icon-name="write"
  ><icon-write /></icon-base>


Соотвественно если я правильно понял, то подход должен быть такой:

1. В скетче создается система иконок, каждая иконка имеет фиксированный размер (например 24х24). Viewbox для нее будет равен 0 0 24 24
2. Во VueJS в базовом компоненте указываем этот viewbox, с возможность его перезаписать
3. В случае если иконка не стандартная, например не квадратная, то для таких иконок прописываем свой viewbox?
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы