Описание тега svg-sprite
0
ответов
Как организовать правильные имена для SVG-спрайтов в gulp?
Я использую gulp-svg-sprite. Как организовать это залпом? Есть папки с файлами folder-sprite/ - folder-icons/ -- icon1.svg -- icon2.svg -- icon3.svg - folder-social/ -- social1.svg -- social2.svg -- social3.svg На выходе хочу получить folder-icons-s…
20 апр '18 в 20:54
0
ответов
Сохранить внедряемый файл SVG при изменении HTML-документа
У меня есть некоторый интерфейсный проект с рабочим процессом в gulp. Плагины: Глоток-инъекционные browsersync Глоток-часы Глоток-useref gulpfile.js: var gulp = require('gulp'), ... var path = { app : { // src html : 'app/*.html', js : 'app/js/*.js'…
02 янв '19 в 07:43
1
ответ
SVG-спрайт не работает - значки отображаются в стеке
Вдохновленный этой статьей Как работают идентификаторы фрагментов SVG, я пытаюсь создать SVG-спрайт и с помощью viewBox помещать выбранные значки в таблицу стилей в качестве фона... К сожалению, я столкнулся с реальной проблемой... Я не могу выбрать…
12 авг '17 в 22:48
0
ответов
Как узнать координаты / позиции сеток, когда я делаю svg-sprite в Illustrator?
Как узнать координаты / позиции сеток, когда я делаю svg-sprite в Illustrator? Я попробовал это: formfcw.com/dev/spritecssgenerator, я скопировал плагин (Sprite CSS Generator.jsx) в свою папку, но он не работает. Не отображается новое меню "Sprite C…
11 окт '17 в 15:06
0
ответов
Путь клипа не работает в SVG-спрайте
Folks, У меня возникла проблема при использовании SVG-спрайта с символом с обтравочным контуром. Похоже, это известная проблема, но я не могу найти решение, прочитав существующую документацию. У меня есть файл спрайта SVG с именем icon.svg; содержан…
28 дек '17 в 18:17
1
ответ
Как создать SVG-спрайт на Laravel MIX?
Мне нужно настроить SVG спрайты на микс Laravel.Я перепробовал несколько библиотек под webpack, result = 0, Может кто-нибудь посоветовать, как настроить? Где написать код обработчика в webpack.mix.js или app.js?
15 сен '17 в 12:08
1
ответ
Как заставить <CSS переход> работать для external-svg-sprites и css-variable?
TL;DR Создав symbol-svg-sprite и вставив его фрагмент, используя svg+use Я хочу использовать css-variables внутри #ShadowDOM для SVG presentation attributes изменить например stroke-width="0" в stroke-width="5" и transition property должно работать,…
17 фев '18 в 00:41
1
ответ
Система иконок SVG с angular-cli
У меня есть проект angular2, который был создан через angular-cli. В веб-пакете есть загрузчик для загрузки спрайта svg, а также для генерации этого спрайта из списка svgs. Но как я могу использовать эту функциональность в моем текущем проекте, когд…
27 дек '16 в 06:30
1
ответ
Почему спрайты svg не видны на сервере. В залп все хорошо
Возникла такая проблема, что svg sprite'ы вообще нигде не видно, кроме самого глотка. Вот что на хостинге ====> А теперь включенный глоток и все отлично работает ===> Скрипт для добавления спрайтов в тело ;( function( window, document ) { 'use…
07 сен '17 в 19:23
0
ответов
Значок не отображается правильно после добавления его в svg-sprite
У меня есть svg-icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.754 31.201"> <defs> <style> .a,.b{fill:none;stroke:#ff9f0f;stroke-miterlimit:10}.a{stroke-width:3px}.c{fill:#ff9f0f} </style> </defs> <pat…
22 авг '18 в 19:30
3
ответа
SVG shadow-root закрыт
Я пытался анимировать SVG-спрайт с помощью CSS. Я создал спрайт и ввел его из gulp: gulp.task('svgstore', function () { var svgs = gulp .src('app/svg/*.svg') .pipe(svgmin(function (file) { return { plugins: [{ cleanupIDs: { minify: true } }] } })) .…
10 дек '17 в 20:21
1
ответ
Как настроить svg-sprite для генерации одного и того же имени файла svg при каждом запуске?
Я использую отличный svg-sprite в качестве cli для генерации svg-спрайта из нескольких других svg-файлов. Большая часть конфигурации понятна, и я получаю файл svg и связанный css, как и ожидалось. Мне бы хотелось, чтобы сгенерированный файл SVG всег…
17 фев '17 в 09:56
1
ответ
Как сказать Webpack ничего не выводить?
Я пытаюсь настроить svg-sprite-loader/plugin, Я создал автономный файл конфигурации Webpack для этой задачи. Посмотри в указанный каталог и возьми каждый .svg от него. Результат icons.svg файл спрайта. НО Webpack также создает .js для каждого входно…
24 сен '18 в 10:46
1
ответ
Jest/Enzyme SVG Sprites Неожиданный токен <
У меня возникла проблема при создании теста моментального снимка с помощью Jest и Enzyme для компонента с использованием SVG-спрайтов. Я использую пакет svg-sprite-loader: https://github.com/kisenka/svg-sprite-loader Вот компонент, который создает п…
24 сен '18 в 14:34
1
ответ
Как определить ширину / высоту svg-sprite и записать эти значения в файл (в Linux или Mac CLI)
Я пытаюсь создать svg-sprite с помощью пакета npm svg-sprite. В конце концов я получаю спрайт, который выглядит так: // icons-test.svg ... <svg viewBox="0 0 108 54" ...> <svg height="54" width="54" viewBox="-2 -2 54 54" ...> <path d="…
14 фев '19 в 12:46
1
ответ
Реагировать и SVG спрайт
Я использую React, и я пытаюсь загрузить значок SVG от спрайта. Мой спрайт такой: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol viewBox="0 0 28.3 28.3" id="square"> <path d="M…
26 ноя '18 в 16:22
1
ответ
Как использовать SVG-спрайт по умолчанию, если идентификатор не найден
У меня есть спрайт SVG и список значков / логотипов в моей базе данных. Я перебираю их все и использую шаблонизатор для генерации своих иконок, таких как: <div class="partsvg__container"> <svg class="partsvg__wt-icon partsvg__wt-icon--{{ico…
14 фев '19 в 20:20
1
ответ
SVG спрайты: для каждого экземпляра preserveAspectRatio
Есть ли способ установить значение preserveAspectRatio для SVG-спрайтов для каждого экземпляра, используя CSS, HTML или какой-либо другой метод (кроме JavaScript)? Например (ни один из них, кажется, не работает): <!-- inline html on <svg> -…
11 июн '18 в 11:06
2
ответа
Один и тот же значок разных размеров с gulp svg sprite?
Я использую gulp-svg-sprite https://github.com/jkphl/gulp-svg-sprite Можно ли использовать один и тот же значок разных размеров? До спрайтов это было легко и фактически было одной из вещей, которые мне больше всего нравятся в SVG: http://codepen.io/…
28 апр '16 в 17:09
2
ответа
SVG изменяется при преобразовании в символ
У меня есть этот фиктивный svg, показывающий круг с какой-то серой фигурой внутри <svg viewBox="0 0 86 86" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <circle id="path-1" cx="43"…
01 фев '17 в 17:28