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

Я ищу, чтобы добавить html на прямоугольник в D3, чтобы дать мне несколько строк всплывающей подсказки. Нижняя часть, как я добавляю прямоугольник, который может быть частью проблемы. Топ-это код, который должен работать в моем мире. newRect.().h ...

Масштабирование SVG в контейнер без маски / обрезки

Я пробовал много вариантов svg параметры, но не было никакой радости в масштабировании этого конкретного SVG. Я пытаюсь сдержать это SVG в элемент контейнера, который управляет размером SVG. Я стремлюсь к 500x309px. какая комбинация width,height,v ...

Как визуализировать элементы svg с четкими краями, сохраняя при этом сглаживание?

есть ли способ визуализации элементов svg с четкими краями, сохраняя при этом сглаживание? Я создаю веб-инструмент, который работает в современных браузерах. играет с shape-rendering атрибут не дает мне результатов, которые я ищу. Я хочу, чтобы мо ...

Преобразование SVG в прозрачный PNG с сглаживанием, используя ImageMagick

Я хочу конвертировать SVG-изображения в PNG-файлы с прозрачным фоном и сглаженными краями (используя полупрозрачные пиксели). К сожалению, я не могу заставить ImageMagick сделать сглаживание, края всегда выглядят ужасно. Вот что я попробовал: conver ...

Заполняя водная анимация

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

Добавление элемента SVG к существующему SVG с помощью DOM

у меня есть HTML-конструкция, которая напоминает следующий код: <div id='intro'> <svg> //draw some svg elements <svg> </div> Я хочу иметь возможность добавлять некоторые элементы в SVG, определенные выше, используя javascri ...

положение фонового изображения svg всегда центрируется в internet explorer, Несмотря на фоновое положение: левый центр;

Я использую логотип SVG в качестве фонового изображения, и я не могу правильно выровнять его слева в Internet Explorer (edit: и Safari). контейнеры выглядят так: <div id="header"> <div id="logo"></div> </div> со стилям ...

Как включить новые строки в метки на диаграммах D3?

Я использую D3 для создания гистограммы (я адаптировал код из ). Метки, которые я использую на x-axis-это несколько слов длиной каждый, и поскольку это делает все метки перекрывающимися, мне нужно разбить эти метки по линиям. (Будет хорошо, если я см ...

поворот текста оси x в d3

Я новичок в кодировании d3 и svg и ищу способ поворота текста на оси диаграммы. Моя проблема заключается в том, что обычно заголовки xAxis длиннее, чем бары в гистограмме широки. Поэтому я ищу, чтобы повернуть текст, чтобы работать вертикально (а не ...

Значки SVG и PNG на современных веб-сайтах

Мне интересно, почему так мало современных веб-сайтов по-прежнему используют только PNGs для значков (но это предположение просто основано на моем наблюдении). До сих пор я знаю, что основными причинами использования PNGs над SVGs являются IE8 и что ...

SVG для Android Shape [закрыто]

мне интересно, как векторный рисунок в Android с Shape класс может напоминать другой стандарт векторного рисования. С Shape Это Drawable, и чертежи обычно определяются как XML, это звучит очень похоже на команды векторного рисования в SVG. мой вопр ...

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

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

Как масштабировать изображение SVG для заполнения окна браузера?

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

Изменение цвета svg

Я хочу использовать эту технику http://css-tricks.com/svg-fallbacks/ и изменить цвет svg, но до сих пор я не смог этого сделать. Я положил это в css, но мое изображение всегда черное, несмотря ни на что. Мой код: <svg> <image class="change- ...

Анимация загрузки круга

Я пытаюсь создать анимацию загрузки Apple OS X circle. что я пробовал до сих пор: .animation-wrapper { width: 200px; height: 200px; border: 1px solid black; border-radius: 50%; position: relative; overflow: hidden; filte ...

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

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

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

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

Фиксированная ширина обводки в SVG

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

Как разрыв строки в текст СВГ в JavaScript?

вот что у меня есть: <path class="..." onmousemove="show_tooltip(event,'very long text \\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" ...

Что именно делает атрибут enable-background?

что именно делать? прочитал спецификация но все равно я не понимаю. ...