Описание тега 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 и использовать его с <svg> тег, чтобы я мог также интерактивно стилизовать его (например, при наведении), а не так, как я сделал в моем примере с <img> тег? Цель: Создайте эскиз, который показывает …
11 мар '18 в 15:29
0
ответов
Firefox не будет печатать встроенный SVG из внешнего файла
Я не могу заставить Firefox напечатать SVG из внешнего файла. У меня есть файл icons.svg с множеством разных значков. Я встраиваю их в страницу, используя следующий код: <svg class="icon icon-sort"> <use xlink:href="/icons.svg#icon-sort">…
16 дек '16 в 20:01
0
ответов
Встроенный SVG-путь к Firefox - работает на CodePen, но не на Localhost
Я получил этот встроенный SVG-путь к клипам для работы в Chrome и Firefox на CodePen, но когда я пытаюсь внедрить его на мой локальный хост, он больше не работает в Firefox. Он все еще работает на моем локальном хосте в Chrome, так что я уверен, что…
04 ноя '16 в 12:44
2
ответа
Как добавить стиль для встроенного SVG в Angular 2
<div class="svg_ahu card_content" align="start" [inlineSVG]="'/assets/ahu.svg'"></div> Я использовал этот синтаксис для включения 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: <svg><use xlink:href="#arrow"/></svg> И после base64 кодирования его в этот CSS: #icon:af…
19 окт '15 в 14:32
0
ответов
Неправильная ширина SVG Внутри другого SVG
В Firefox 53.0.3 я заметил странное поведение, когда один SVG с атрибутом "viewBox" помещается внутри другого. Возьмите в качестве примера этот код или эту ручку. <svg id="svgroot" height="812" width="1620"> <svg id="svgcontent" width="696"…
07 июн '17 в 07:31
2
ответа
Inline_svg гем не работает. SVG файл не найден
Я использую rails 5.0.1 и использую последнюю версию гема inline_svg: Inline SVG Проблема в том, что даже если я поставлю свой SVG с правильным путем, как это: <%= inline_svg "/assets/svg/add.svg", class: 'some-class' %> И изображение находитс…
18 сен '17 в 22:51
0
ответов
Можно ли использовать svg4everbody в WordPress?
Я пытался использовать эту библиотеку Джонатаном Нилом на моем сайте Wordpress, но она не загружается. Я добавил этот javascript в поле "Внешний вид"> "Параметры темы"> "Стиль"> "Внешний JS": <script src="https://jonathantneal.github.io/svg4every…
10 янв '18 в 08:18
2
ответа
Включить встроенный SVG через символ или CSS?
Я планирую использовать встроенную концепцию svg для создания svg spritesheet для проекта. На самом деле существует много способов создания svg spritesheet. Я предпочел два метода (из-за производительности) для создания таблицы спрайтов. они следующ…
15 окт '15 в 16:07