Описание тега inline-svg

Тег, который будет использоваться для ответа на вопрос о встроенном использовании изображений масштабируемой векторной графики (SVG).
1 ответ

SVG Анимированный график Arrow

Я впервые использую SVG, и я хочу знать, возможно ли создать анимированный линейный график со стрелкой. Я нашел несколько примеров анимированных линейных графиков без стрелок, неанимированных линейных графиков со стрелками и анимированных прямых лин…
30 ноя '16 в 20:19
1 ответ

Можно ли работать с svg как с глификоном?

Можно ли работать с SVG, как с глификом в HTML? Я имею в виду сделать встроенный масштаб SVG до текущего размера шрифта и может быть использовать текущий цвет / цвет фона? Послесловие: можно манипулировать размером "svg-glyph" с помощью "1em", но бу…
10 июн '16 в 18:41
1 ответ

Встроенный фон SVG не работает в Internet Explorer 11

У меня есть следующий встроенный SVG, определенный как background-image в моем css. div { border: 1px solid black; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='n…
31 май '16 в 15:58
0 ответов

Msedge inline svg sizing как flexchildren - preserveAspectRatio не соблюдается

Я разрабатываю полностраничные веб-приложения React, и его сеточная структура состоит из флексбоксов внутри друг друга. Компоненты встроенные SVG. Все хорошо с Chrome, Firefox и Safari. Но с MsEdge я недавно обнаружил странное поведение, когда дело …
07 ноя '17 в 11:52
1 ответ

Выровнять элемент use внутри элемента svg

Я пытаюсь выровнять use элемент внутри svg элемент, крайний левый. Я старался text-align: left а также text-anchor: start но все же элемент use находится в середине элемента svg. <div class="guy"> <svg><use xlink:href="#guy"></u…
25 ноя '15 в 06:12
3 ответа

Как сделать так, чтобы встроенный SVG всегда заполнял экран?

Я создал векторное изображение, которое я хотел бы использовать в качестве героя для моего сайта. Он должен заполнить ширину и высоту области просмотра во всех разрешениях. Кроме того, мне нужно иметь возможность анимировать элементы SVG с помощью C…
01 мар '17 в 19:32
1 ответ

Как я могу ссылаться на radialGradient из другого встроенного элемента SVG?

Я строю решение для значков с использованием SVG, где части значков должны использоваться повторно. Есть несколько разных <svg /> элементы, встроенные в мой HTML-документ, и <use /> Элемент отлично подходит для повторного использования ф…
04 мар '16 в 14:47
1 ответ

Встроенный SVG не отображается правильно в Firefox после отображения ничего, почему?

Мы активно используем встроенные SVG в нашем приложении. Недавно я обнаружил нежелательное поведение (особенно в Firefox, но я видел похожие проблемы в Chrome), где стилизация из разных svg может мешать друг другу. Я отследил свою текущую проблему в…
14 дек '16 в 08:16
1 ответ

Как отправить значения свойств в файлы SVG, используя ember-inline-svg?

Я использую ember-inline-svg, есть файл logo.svg, я звоню с {{inline-svg 'logo' class="logo" }} в моем файле hbs. Работает нормально. Мне просто нужно отправить еще один параметр данных и получить доступ к нему в файле SVG, чтобы я мог динамически г…
02 янв '19 в 09:01
3 ответа

Как вы получаете файл SVG и использовать его в качестве <svg>?

Мой вопрос: Как мне получить файл .svg и использовать его с &lt;svg&gt; тег, чтобы я мог также интерактивно стилизовать его (например, при наведении), а не так, как я сделал в моем примере с &lt;img&gt; тег? Цель: Создайте эскиз, который показывает …
11 мар '18 в 15:29
0 ответов

Firefox не будет печатать встроенный SVG из внешнего файла

Я не могу заставить Firefox напечатать SVG из внешнего файла. У меня есть файл icons.svg с множеством разных значков. Я встраиваю их в страницу, используя следующий код: &lt;svg class="icon icon-sort"&gt; &lt;use xlink:href="/icons.svg#icon-sort"&gt…
16 дек '16 в 20:01
0 ответов

Встроенный SVG-путь к Firefox - работает на CodePen, но не на Localhost

Я получил этот встроенный SVG-путь к клипам для работы в Chrome и Firefox на CodePen, но когда я пытаюсь внедрить его на мой локальный хост, он больше не работает в Firefox. Он все еще работает на моем локальном хосте в Chrome, так что я уверен, что…
04 ноя '16 в 12:44
2 ответа

Как добавить стиль для встроенного SVG в Angular 2

&lt;div class="svg_ahu card_content" align="start" [inlineSVG]="'/assets/ahu.svg'"&gt;&lt;/div&gt; Я использовал этот синтаксис для включения SVG в angular2, но не смог его стилизовать. CSS: #fill1 { animation: fill1 .1s ease infinite; }
25 май '17 в 11:22
1 ответ

Safari падает при использовании Rails inline_svg gem

Некоторые страницы в моем приложении Rails, похоже, завершают работу Safari, когда на странице есть svgs, использующие inline_svg драгоценный камень. При переходе на страницу появляется сообщение об ошибке "Веб-содержимое Safari неожиданно завершило…
03 мар '16 в 16:46
1 ответ

Правильная структура разметки inline-SVG для анимации?

Допустим, я хочу анимировать вектор, который выглядит следующим образом, с помощью Javascript. Нажмите здесь.. (Извините, моя репутация Точка ниже требования к посту изображения) затем я делю его на 4 части (голова, тело, 2 ноги) и делаю анимацию дл…
10 май '18 в 12:00
1 ответ

Встраивание SVG в CSS через ссылку на использование

Я пытаюсь повторно использовать встроенный SVG через автоматически сгенерированный элемент в CSS, но он не работает должным образом. Это SVG: &lt;svg&gt;&lt;use xlink:href="#arrow"/&gt;&lt;/svg&gt; И после base64 кодирования его в этот CSS: #icon:af…
19 окт '15 в 14:32
0 ответов

Неправильная ширина SVG Внутри другого SVG

В Firefox 53.0.3 я заметил странное поведение, когда один SVG с атрибутом "viewBox" помещается внутри другого. Возьмите в качестве примера этот код или эту ручку. &lt;svg id="svgroot" height="812" width="1620"&gt; &lt;svg id="svgcontent" width="696"…
07 июн '17 в 07:31
2 ответа

Inline_svg гем не работает. SVG файл не найден

Я использую rails 5.0.1 и использую последнюю версию гема inline_svg: Inline SVG Проблема в том, что даже если я поставлю свой SVG с правильным путем, как это: &lt;%= inline_svg "/assets/svg/add.svg", class: 'some-class' %&gt; И изображение находитс…
18 сен '17 в 22:51
0 ответов

Можно ли использовать svg4everbody в WordPress?

Я пытался использовать эту библиотеку Джонатаном Нилом на моем сайте Wordpress, но она не загружается. Я добавил этот javascript в поле "Внешний вид"> "Параметры темы"> "Стиль"> "Внешний JS": &lt;script src="https://jonathantneal.github.io/svg4every…
10 янв '18 в 08:18
2 ответа

Включить встроенный SVG через символ или CSS?

Я планирую использовать встроенную концепцию svg для создания svg spritesheet для проекта. На самом деле существует много способов создания svg spritesheet. Я предпочел два метода (из-за производительности) для создания таблицы спрайтов. они следующ…
15 окт '15 в 16:07