Articles of svg

JavaScript и SVG в HTML

У меня есть файл JavaScript. У меня есть файл SVG. Также у меня есть HTML-файл. … … … … Кто-нибудь знает, как я могу назвать элемент SVG в JavaScript? (например, круг)

Ширина заливки SVG для дочерних элементов

Я хотел бы, чтобы мой контейнер SVG-элемент масштабировался, чтобы соответствовать его элементам дочерней группы, или чтобы он отображал полосы прокрутки при переполнении. Мне было интересно, есть ли свойство css, чтобы сделать это. Например, если разметка выглядит следующим образом: Как я могу получить ширину svg для заполнения до «1000» или существующих полос прокрутки, если дочерние элементы […]

Могу ли я resize и маржу или у firefox есть ошибка?

У меня есть следующий код: example00 aaaaaaaaaaaa svg { margin: 0; } g { margin: 0; } Я думаю, что группы svg не имеют полей и выравниваются. И элементы группы, например, Chromium (fork Chrome), хорошо отображаются в инспекторе, как вы видите на скриншоте: Но firefox отображается с полями и выравнивает несколько вправо, как вы видите […]

UIWebview управляет SVG «на лету»

Я хотел бы знать, как манипулировать SVG-файлами, которые я загрузил в UIWebview. В настоящее время я загружаю файл SVG в файл HTML, а затем загружаю его в UIWebview. Я предполагаю, что вы будете использовать Javascript для этого, но я не уверен, как это происходит. В идеале я хотел бы иметь возможность манипулировать SVG на лету […]

Можно ли отображать SVG-изображение в качестве фона div с помощью библиотеки SVG JavaScript?

На странице HTML я хочу использовать SVG-изображение в качестве фона в элементе div , с элементом pre с текстом поверх него (фон). Фоновое изображение должно масштабироваться с содержащим div , сохраняя соотношение сторон. Могу ли я выполнить эту задачу с помощью одной из библиотек SVG JavaScript, таких как jQuery SVG / Raphaël / svgweb ? […]

Манипулировать SVG в HTML с помощью JS

У меня возникла проблема с созданием элемента svg с использованием javascript в hvml-вложенном svg-изображении. Я создал два файла, которые должны быть точно такими же, но один из них строится с помощью js. SVG.html Pozadí JS.html Pozadí var svg = document.getElementById(‘pozadi’); var path = document.createElementNS(‘http://www.w3.org/2000/svg/’,’path’); //I have tried createElement(string) too path.setAttribute(‘style’,”stroke: #000; stroke-width: 2px; stroke-linecap: round; […]

SVG спрайт не работает в Safari

Safari не лучше IE для веб-разработчика. Вот вопрос, который я видел в Safari. Я пытаюсь использовать спрайт SVG для загрузки значка продукта на моей веб-странице. Код HTML: Код SVG Sprite: … … В в HTML найдите , добавив «#» + id в в URL спрайта. Этот способ работает в Chrome, Firefox и даже в IE, […]

Использование чего-то другого, чем предварительное изображение

Во-первых, следует ли использовать предварительное изображение, или я должен использовать что-то еще для того, что я хочу делать? Я начинаю думать, что изображение preload не имеет ничего общего с тем, что я делаю. Я хочу сделать это, я хочу предотвратить эффект переключения изображения, мерцание, которое вы видите. У меня есть playbutton, нет изображения на начальном […]

Как заставить изображение отскакивать внутри стены изображения?

Я столкнулся с этой проблемой, когда во время анимации я хочу, чтобы изображение рыбы двигалось в фоновом изображении (пруд), и оно будет отскакивать всякий раз, когда оно попадает в стену или на границу. Использование метода svg и javascript. Большое спасибо всем, кто может это помочь. Еще раз спасибо за то, что нашли время, чтобы прочитать […]

Сохранять пропорции для текста SVG

Это отредактированная копия https://stackoverflow.com/questions/29105120/preserve-aspect-ratio-for-svg-text-and-react-to-javascript-touch-events, которую я удалю, потому что она попросила 2 но технически разные вопросы. как я уже объяснял в своем последнем вопросе, я пытаюсь сделать навигацию-div с четырьмя кнопками, один, чтобы идти влево, один, чтобы идти вправо, другой, чтобы пойти вниз, и еще один, чтобы подняться. Кроме того, в середине должна быть кнопка […]