Я экспериментировал с контурами SVG, которые использую для обрезки CSS. Наконец-то я освоился. Я создаю графику с помощью Adobe Illustrator, затем помещаю SVG в HTML с шириной и высотой 0, оборачиваю путь знаком <clipPath> и назначаю ему идентификатор для использования в свойстве clip-path. Мой вопрос: где мне хранить все свои SVG, чтобы я мог назначить им несколько идентификаторов. Помещение их в HTML не кажется хорошей практикой, особенно если мне приходится использовать более одного. Мне не удалось загрузить их со всей разметкой извне.
Лучшая практика для хранения путей SVG для пути клипа CSS?
comment
Где угодно.
- person Robert Longson schedule 06.08.2018
comment
@RobertLongson Привет, во-первых, спасибо. Я читал другой вопрос, связанный с SVG, и ваш комментарий помог мне получить его. Во-вторых, случайное размещение SVG в HTML кажется мне немного некрасивым, но, эй, все, что работает
- person MartiParti schedule 06.08.2018
Ответы (1)
Я слышал, как некоторые разработчики помещают элементы в элемент <div id="ninja" hidden></div>. Это для тех элементов, которые вы хотите видеть на странице, но не хотите отображать.
Вы также можете использовать AJAX для загрузки файлов svg при необходимости / позже и встраивания их в страницу, если вы чувствуете, что она увеличивает размер вашего HTML-файла.
Я не использовал svg clip-paths, хотя читал о них. Но если вы используете файлы svg только для функциональности пути клипа, то вы можете сохранить код пути клипа в XML-файле, запросить его с помощью ajax и, с небольшим количеством подробного javascript, динамически загрузить его на страницу (Stackoverflow Вопрос о том, как сделать то, что я только что сказал).
И ради удовольствия ознакомьтесь с svgjs.dev
person
Kitanga Nday
schedule
06.08.2018
