svg

Размещение меток в центре узлов в d3.js

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

Получить ширину / высоту элемента SVG

каков правильный способ получить размеры svg элемент? http://jsfiddle.net/langdonx/Xkv3X/ Chrome 28: style x client 300x100 offset 300x100 IE 10: stylex client300x100 offsetundefinedxundefined FireFox 23: "style" "x" "client" "0x0" "offse ...

Как получить доступ к элементу DOM, который коррелирует с объектом D3 SVG?

Я пытаюсь узнать D3, экспериментируя с одним из их основные bubblecharts. Первая задача: выяснить, как перетащить пузырь и сделать его самым верхним объектом во время перетаскивания. (Проблема заключается в том, чтобы получить объектную модель D3 для ...

Рендеринг SVG с OpenGL (и OpenGL ES)

в настоящее время я изучаю возможность рендеринга векторной графики из SVG-файла с использованием OpenGL и OpenGL ES. Я намерен нацелиться на Windows и Android. Моим идеальным решением было бы иметь минимальную библиотеку C, которая генерирует полиго ...

Перекрывающиеся круги в CSS с 1 div

Я ищу, чтобы создать эту форму перекрывающихся кругов в CSS: в основном, просто сложенные круги. Я посмотрел вокруг, и все решения, которые я вижу, включают в себя использование нескольких элементов div для этого эффекта. Однако, не может ли это б ...

Доступность: рекомендуемое соглашение alt-text для SVG и MathML?

обзор HTML5 теперь<svg> и <math> разметка с HTML-документом без зависимости от внешних пространств имен (достойный обзор здесь). У обоих есть свои alt - аналоги атрибутов (см. ниже), которые эффективно игнорируются сегодняшним программны ...

как нарисовать сетку с помощью html5 и (canvas или svg)

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

Размер фона с SVG хлюпнул в IE9-10

у меня есть набор div с фоновым изображением: <div>Play Video</div> со следующим CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; backgrou ...

Обновление SVG элемента Z-Index с помощью D3

каков эффективный способ довести элемент SVG до вершины z-порядка, используя библиотеку D3? мой конкретный сценарий-это круговая диаграмма, которая выделяет (путем добавления stroke до path) когда мышь находится над данной частью. Блок кода для соз ...

Поддерживают ли SVG docs пользовательские атрибуты данных?

в HTML5 элементы могут иметь произвольные метаданные, хранящиеся в атрибутах XML, имена которых начинаются с data- например <p data-myid="123456">. Это тоже часть спецификации SVG? на практике этот метод отлично работает для SVG docs во многи ...

Каковы рекомендации по использованию значков SVG на Android?

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

Извлечение SVG из шрифта Awesome

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

Выравнивание текста в SVG

Я пытаюсь сделать SVG XML-документы со смесью строк и коротких фрагментов текста (обычно два или три слова). Основная проблема, с которой я сталкиваюсь, - это выравнивание текста с сегментами линии. для горизонтального выравнивания я могу использова ...

Как получить доступ к элементам SVG с помощью Javascript

я возился с SVG, и я надеялся, что смогу создать SVG-файлы в Illustrator и получить доступ к элементам с Javascript. вот SVG - файл Illustrator kicks out (он также, кажется, добавляет нагрузку мусора в начало файла, который я удалил) <?xml vers ...

SVG использует тег и ReactJS

поэтому обычно, чтобы включить большинство моих значков SVG, которые требуют простого стиля, я делаю: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Теперь я играл с ReactJS в последнее время, оценивая его как возм ...

Как сохранить SVG canvas в локальной файловой системе

есть ли способ разрешить пользователю, после того как он создал векторный график на холсте javascript svg с помощью браузера, загрузить этот файл в свою локальную файловую систему? SVG-это совершенно новое поле для меня, поэтому, пожалуйста, будьте ...

С помощью JavaScript я могу изменить индекс Z / слой элемента SVG?

допустим, у меня есть пара композитных фигур (<g>). Я хочу иметь возможность щелкнуть и перетащить их, но я хочу, чтобы тот, который я перетаскиваю в данный момент, был поверх другого в порядке Z, так что если я перетащу его поверх другого, д ...

Поддержка SVG на Android

поддерживает ли Android SVG? какой-нибудь пример? ...

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

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

Автоматическая линия упаковки в SVG текст

Я хотел бы, чтобы отобразить <text> в SVG что бы авто-line-wrap к контейнеру <rect> так же, как HTML текст заполняет <div> элементы. Есть ли способ сделать это? Я не хочу, чтобы позиционировать линии редко с помощью <tspan> s. ...