программирование svg

14

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 6 лет назад . Улучшить этот вопрос Я работаю над интерактивным интерфейсом, используя SVG и JavaScript / …

254 javascript jquery svg raphael

11

Как мне центрировать SVG в div?

У меня есть SVG, который я пытаюсь центрировать в div. Div имеет ширину или 900px. SVG имеет ширину 400 пикселей. Для SVG поля margin-left и margin-right установлены на auto. Не работает, просто действует так, как будто левое поле равно 0 (по умолчанию). Кто-нибудь знает мою ошибку?

254 css layout svg positioning margin

8

Есть ли способ использовать SVG в качестве контента в псевдоэлементе: before или: after

Я хочу разместить изображения SVG перед выбранными элементами. Я использую jQuery, но это не имеет значения. Я хотел бы, чтобы :beforeэлемент был как: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Если я сделаю это, как показано выше, он просто …

246 css svg

7

Как я могу сделать масштаб SVG с его родительским контейнером?

Я хочу иметь встроенную шкалу содержимого элемента SVG, когда размер не является родным. Конечно, я мог бы иметь его как отдельный файл и так масштабировать. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Тем не менее, я хочу добавить дополнительные стили в SVG через CSS, так что связывать …

236 css html svg scaling

12

Как создать слезу в HTML?

Как мне создать такую фигуру для отображения на веб-странице? Я не хочу использовать изображения, так как они будут размыты при масштабировании Я попробовал с CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> …

223 html css svg css-shapes

10

Можете ли вы контролировать, как рисуется ширина хода SVG?

В настоящее время строит SVG-приложение на основе браузера. В этом приложении пользователь может стилизовать и позиционировать различные формы, включая прямоугольники. Когда я применяю a stroke-widthк rectэлементу SVG, скажем 1px, обводка применяется к rectсмещению и вставке по-разному в разных браузерах. Это оказывается проблематичным, особенно когда я пытаюсь вычислить внешнюю ширину и …

204 svg offset rect

4

Нужны ли такие параметры SVG, как 'xmlns' и 'version'?

Примерно в половине примеров svg, которые я вижу в Интернете, код обернут в простые простые <svg></svg>теги. В другой половине теги svg имеют много сложных атрибутов, таких как: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Мой вопрос: можно ли использовать простые теги SVG? Я пытался поиграть со сложными, и все отлично работает, если я …

204 xml svg tags

5

SVG Позиционирование

Я играю с SVG и у меня есть несколько проблем с позиционированием. У меня есть ряд фигур, которые содержатся в gтеге группы. Я надеялся использовать его как контейнер, чтобы я мог установить его положение x, и тогда все элементы в этой группе также переместятся. Но это не представляется возможным. Как …

203 svg position grouping

8

Могу ли я изменить цвет заливки пути SVG с помощью CSS?

У меня есть следующий код: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> Можно ли изменить цвет заливки пути SVG с помощью CSS или каким-либо другим способом, фактически не меняя его внутри тега пути?

202 css svg

7

Как я могу удалить или заменить контент SVG?

У меня есть фрагмент кода JavaScript, который создает (используя D3.js) svgэлемент, который содержит диаграмму. Я хочу обновить диаграмму на основе новых данных, поступающих из веб-службы, использующей AJAX, проблема в том, что каждый раз, когда я нажимаю на кнопку обновления, она генерирует новуюsvg , поэтому я хочу удалить старую или обновить …

200 javascript ajax svg d3.js

14

Приложение jquery не работает с элементом SVG?

Предполагая это: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Почему я ничего не вижу?

199 jquery html svg

13

Как рассчитать SVG Path для дуги (круга)

Учитывая окружность в центре (200 200), радиус 25, как мне нарисовать дугу от 270 градусов до 135 градусов и ту, которая идет от 270 до 45 градусов? 0 градусов означает, что он находится справа от оси x (справа) (что означает, что это 3 часа), 270 градусов означает, что это 12 …

191 svg

5

SVG: текст внутри прямоугольника

Я хочу отобразить текст внутри SVG rect. Является ли это возможным? Я попытался <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Но это не работает.

180 text svg rect

10

Как разместить и отцентрировать текст в прямоугольнике SVG

У меня есть следующий прямоугольник ... <rect x="0px" y="0px" width="60px" height="20px"/> Я хотел бы сосредоточить слово «беллетристика» внутри него. Для других прямоугольников svg word wrap остается в них? Кажется, я не могу найти что-то конкретно о вставке текста в фигуры, которые центрированы как по горизонтали, так и по вертикали, и …

179 text svg

8

Включить SVG (размещенный на GitHub) в MarkDown

Я знаю, что изображение может быть помещено в MD с синтаксисом MD либо, ![Alt text](/path/to/img.jpg)либо ![Alt text](/path/to/img.jpg "Optional title"), но у меня возникают трудности с размещением SVG в MD, где код размещен на GitHub. В конечном итоге использую rails3 и часто меняю модель прямо сейчас, поэтому я использую RailRoady для …

173 svg github markdown

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