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

Масштабируемая векторная графика (SVG) - это формат двумерной векторной графики на основе XML, который также можно использовать в HTML. Не добавляйте этот тег только потому, что ваш проект использует SVG. Вместо этого добавьте тег, если ваш вопрос касается либо SVG, либо тесно связан с ним, например, как добиться чего-то с помощью SVG.

2
В чем разница между атрибутами svg x и dx?
В чем разница между атрибутами svg x и dx (или y и dy)? Когда будет подходящее время для использования атрибута сдвига оси (dx) вместо атрибута местоположения (x)? Например, я заметил много примеров d3, делающих что-то вроде этого chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") В чем …
106 svg  d3.js 
6
Как установить источник преобразования в SVG
Мне нужно изменить размер и повернуть определенные элементы в документе SVG с помощью javascript. Проблема в том, что по умолчанию он всегда применяет преобразование вокруг начала координат (0, 0)вверху слева. Как я могу переопределить эту точку привязки преобразования? Я пробовал использовать transform-originатрибут, но он ни на что не влияет. Вот …
1
Фиксированная ширина штриха в SVG
Я хотел бы иметь возможность установить ширину штриха на элементе SVG так, чтобы она была «с учетом пикселей», то есть всегда шириной 1 пиксель, независимо от применяемых текущих преобразований масштабирования. Я понимаю, что это может быть невозможно, поскольку весь смысл SVG - быть независимым от пикселей. Контекст следующий: У меня …
104 svg  visualization 
6
SVG-градиент с использованием CSS
Я пытаюсь применить градиент к rectэлементу SVG . В настоящее время я использую fillатрибут. В моем файле CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } И rectэлемент имеет правильный цвет заливки при просмотре в браузере. Однако я хотел бы знать, могу ли я применить к этому элементу линейный …
12
Как показать файл SVG в React Native?
Я хочу показать файлы svg (у меня есть куча изображений svg), но то, что я не мог найти, как показать. Я пробовал использовать компоненты Image и Use из react-native-svg, но они с этим не работают. И я попытался сделать это родным способом, но показать только изображение svg очень сложно. Пример …
6
Преобразование SVG в PNG с помощью C # [закрыто]
Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 6 лет назад . Уточните этот вопрос Я пытался преобразовать изображения SVG в PNG с помощью C # без необходимости …
103 c#  .net  png  svg 
14
Как стилизовать SVG с помощью внешнего CSS?
У меня есть несколько изображений SVG, цвета которых я хотел бы изменить с помощью внешних таблиц стилей, а не непосредственно в каждом файле SVG. Я не помещаю графику в строку, а храню ее в папке с изображениями и указываю на них. Я реализовал их таким образом, чтобы всплывающие подсказки работали, …
102 html  css  svg  stylesheet  external 
6
Вставить SVG в SVG?
У меня есть документ SVG, и я хотел бы включить в него внешнее изображение svg, то есть что-то вроде: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> («объект» - это просто пример - внешний документ будет в формате SVG, а не в формате xhtml). Любые идеи? Это вообще возможно? Или мне лучше …
102 xml  svg  embedding 
11
Цвет фона текста в SVG
Я хочу раскрасить фон svg так textже, как background-colorв css Мне удалось найти только документацию fill, которая раскрашивает сам текст Это вообще возможно?
20
Chrome не отображает SVG, на который ссылается тег <img>
У меня возникли проблемы с тем, что Google Chrome не отображает svg с тегом img. Это происходит при обновлении страницы и начальной загрузке страницы. Я могу заставить изображение появиться, выполнив «Проверка элемента», затем щелкнув файл svg правой кнопкой мыши и открыв файл svg на новой вкладке. Затем изображение svg будет …
1
Как масштабировать изображение SVG, чтобы заполнить окно браузера?
Кажется, это должно быть легко, но я просто чего-то не понимаю. Я хочу создать HTML-страницу, содержащую одно изображение SVG, которое автоматически масштабируется в соответствии с размером окна браузера, без какой-либо прокрутки и с сохранением соотношения сторон. Например, на данный момент у меня есть SVG-изображение 1024x768; если размер окна просмотра в …
10
В чем разница между SVG и HTML5 Canvas?
В чем разница между SVG и HTML5 Canvas? Кажется, они оба поступают со мной одинаково. По сути, они оба рисуют векторные изображения с помощью координатных точек. Что мне не хватает? В чем основные различия между SVG и HTML5 Canvas? Почему я должен выбирать одно вместо другого?
92 html  canvas  svg 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.