Вопросы с тегом «svg»

106
SVG получить ширину текстового элемента

Я работаю над ECMAScript / JavaScript для файла SVG и нужно получить widthи heightиз textэлемента , так что я могу изменить размер прямоугольника , который его окружает. В HTML я мог бы использовать атрибуты offsetWidthи offsetHeightв элементе, но похоже, что эти свойства недоступны. Вот фрагмент,...

106
В чем разница между атрибутами svg x и dx?

В чем разница между атрибутами svg x и dx (или y и dy)? Когда будет подходящее время для использования атрибута сдвига оси (dx) вместо атрибута местоположения (x)? Например, я заметил много примеров d3, делающих что-то вроде этого chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3)...

105
Как установить источник преобразования в SVG

Мне нужно изменить размер и повернуть определенные элементы в документе SVG с помощью javascript. Проблема в том, что по умолчанию он всегда применяет преобразование вокруг начала координат (0, 0)вверху слева. Как я могу переопределить эту точку привязки преобразования? Я пробовал использовать...

104
SVG-градиент с использованием CSS

Я пытаюсь применить градиент к rectэлементу SVG . В настоящее время я использую fillатрибут. В моем файле CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } И rectэлемент имеет правильный цвет заливки при просмотре в браузере. Однако я хотел бы знать, могу ли я применить к...

104
Как показать файл SVG в React Native?

Я хочу показать файлы svg (у меня есть куча изображений svg), но то, что я не мог найти, как показать. Я пробовал использовать компоненты Image и Use из react-native-svg, но они с этим не работают. И я попытался сделать это родным способом, но показать только изображение svg очень сложно. Пример...

104
Фиксированная ширина штриха в SVG

Я хотел бы иметь возможность установить ширину штриха на элементе SVG так, чтобы она была «с учетом пикселей», то есть всегда шириной 1 пиксель, независимо от применяемых текущих преобразований масштабирования. Я понимаю, что это может быть невозможно, поскольку весь смысл SVG - быть независимым от...

103
Преобразование SVG в PNG с помощью C # [закрыто]

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 6 лет назад . Уточните этот вопрос Я пытался преобразовать изображения SVG в PNG с...

102
Вставить SVG в SVG?

У меня есть документ SVG, и я хотел бы включить в него внешнее изображение svg, то есть что-то вроде: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> («объект» - это просто пример - внешний документ будет в формате SVG, а не в формате xhtml). Любые идеи? Это вообще...

102
Как стилизовать SVG с помощью внешнего CSS?

У меня есть несколько изображений SVG, цвета которых я хотел бы изменить с помощью внешних таблиц стилей, а не непосредственно в каждом файле SVG. Я не помещаю графику в строку, а храню ее в папке с изображениями и указываю на них. Я реализовал их таким образом, чтобы всплывающие подсказки...

101
Цвет фона текста в SVG

Я хочу раскрасить фон svg так textже, как background-colorв css Мне удалось найти только документацию fill, которая раскрашивает сам текст Это вообще возможно?

95
Chrome не отображает SVG, на который ссылается тег <img>

У меня возникли проблемы с тем, что Google Chrome не отображает svg с тегом img. Это происходит при обновлении страницы и начальной загрузке страницы. Я могу заставить изображение появиться, выполнив «Проверка элемента», затем щелкнув файл svg правой кнопкой мыши и открыв файл svg на новой...

94
Как масштабировать изображение SVG, чтобы заполнить окно браузера?

Кажется, это должно быть легко, но я просто чего-то не понимаю. Я хочу создать HTML-страницу, содержащую одно изображение SVG, которое автоматически масштабируется в соответствии с размером окна браузера, без какой-либо прокрутки и с сохранением соотношения сторон. Например, на данный момент у...

92
В чем разница между SVG и HTML5 Canvas?

В чем разница между SVG и HTML5 Canvas? Кажется, они оба поступают со мной одинаково. По сути, они оба рисуют векторные изображения с помощью координатных точек. Что мне не хватает? В чем основные различия между SVG и HTML5 Canvas? Почему я должен выбирать одно вместо другого?...

92
Прозрачный текст вырезан из фона

На этот вопрос есть ответы на Stack Overflow на русском : Прозрачный текст вырезан из фонарей Есть ли способ вырезать прозрачный текст из фонового эффекта, такого как на следующем изображении, с помощью CSS? Было бы грустно потерять все драгоценное SEO из-за того, что изображения заменяют текст....

92
Как добавить всплывающую подсказку к графике SVG?

У меня есть серия прямоугольников svg (с использованием D3.js), и я хочу отображать сообщение при наведении указателя мыши, сообщение должно быть окружено полем, которое действует как фон. Они оба должны быть идеально выровнены относительно друг друга и прямоугольника (сверху и по центру). Как...

91
Как использовать маркеры SVG в Google Maps API v3

Могу ли я использовать преобразованный файл image.svg в качестве значка карты Google. Я преобразовывал свое png-изображение в svg, и я хочу использовать его как символ карты Google, который можно повернуть. Я уже пробовал использовать символ карты Google, но я хочу иметь значок, такой как...

89
Извлечение SVG из Font Awesome

Я хочу получить данные пути SVG из глифов Font Awesome, чтобы я мог использовать их прямо как SVG в моем HTML. Я думал, что это будет так же просто, как скопировать данные пути из fontawesome-webfont.svg , но когда я использую его в своем HTML, все символы отображаются в перевернутом виде....