svg- все статьи тега ➜ страница 3
Поддержка SVG на Android
поддерживает ли Android SVG? какой-нибудь пример? ...
С помощью JavaScript я могу изменить индекс Z / слой элемента SVG?
допустим, у меня есть пара композитных фигур (<g>). Я хочу иметь возможность щелкнуть и перетащить их, но я хочу, чтобы тот, который я перетаскиваю в данный момент, был поверх другого в порядке Z, так что если я перетащу его поверх другого, другой должен быть затмен. ...
Как сохранить SVG canvas в локальной файловой системе
есть ли способ разрешить пользователю, после того как он создал векторный график на холсте javascript svg с помощью браузера, загрузить этот файл в свою локальную файловую систему? SVG-это совершенно новое поле для меня, поэтому, пожалуйста, будьте терпеливы, если моя формулировка не точна. ...
SVG использует тег и ReactJS
поэтому обычно, чтобы включить большинство моих значков SVG, которые требуют простого стиля, я делаю: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Теперь я играл с ReactJS в последнее время, оценивая его как возможный компонент в моем новом интерфейсном стеке разработки, однако я заметил, что в его списке поддерживаемых тегов/атрибутов ни один use или xlink:href поддерживаются. можно ли использовать спрайты svg и загружать их таким образом в ReactJS? ...
Как получить доступ к элементам SVG с помощью Javascript
я возился с SVG, и я надеялся, что смогу создать SVG-файлы в Illustrator и получить доступ к элементам с Javascript. вот SVG - файл Illustrator kicks out (он также, кажется, добавляет нагрузку мусора в начало файла, который я удалил) <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ...
Выравнивание текста в SVG
Я пытаюсь сделать SVG XML-документы со смесью строк и коротких фрагментов текста (обычно два или три слова). Основная проблема, с которой я сталкиваюсь, - это выравнивание текста с сегментами линии. для горизонтального выравнивания я могу использовать text-anchor с left,middle или right. Я не могу найти эквивалент для вертикального выравнивания; alignment-baseline не похоже, чтобы сделать это, поэтому в настоящее время я использую dy="0.5ex" как kludge для выравнивания центра. есть ли правильн ...
Извлечение SVG из шрифта Awesome
Я хочу получить данные пути SVG от Шрифт Удивительным глифы, чтобы я мог использовать их прямо как SVG в моем HTML. Я думал, что это будет так же просто, как скопировать-вставить данные пути из fontawesome-webfont.svg, но когда я использую его в моем HTML символы все рендеринга вверх ногами. Кто-нибудь знает почему? (см. Скрипка) шрифт Awesome SVG: <glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 10 ...
Каковы рекомендации по использованию значков SVG на Android?
Я собираюсь создать свой первый Android уроженца (Так что не на основе браузера) приложение и ищет некоторые хорошие практики в отношении создания значков/подготовки. Поскольку он должен поддерживать несколько устройств / разрешений, я подумал, что лучше всего использовать SVG для их создания. Существует по крайней мере эта lib:http://code.google.com/p/svg-android/ Что обещает предложить поддержку SVG на Android. до сих пор я не нашел ресурсов, описывающих использование тех или другая библиотек ...
Поддерживают ли SVG docs пользовательские атрибуты данных?
в HTML5 элементы могут иметь произвольные метаданные, хранящиеся в атрибутах XML, имена которых начинаются с data- например <p data-myid="123456">. Это тоже часть спецификации SVG? на практике этот метод отлично работает для SVG docs во многих местах. Но я хотел бы знать, является ли это частью официальной спецификации SVG или нет, потому что формат достаточно молод, что все еще существует много несовместимости между браузерами, особенно в мобильных устройствах. Поэтому, прежде чем сов ...
Обновление SVG элемента Z-Index с помощью D3
каков эффективный способ довести элемент SVG до вершины z-порядка, используя библиотеку D3? мой конкретный сценарий-это круговая диаграмма, которая выделяет (путем добавления stroke до path) когда мышь находится над данной частью. Блок кода для создания моей диаграммы находится ниже: svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { return color(d.name); }) .attr("stroke", "#fff") .attr("stroke-wi ...
Размер фона с 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; background-position: 90% 50%; padding: 20px; width: 150px; } размер фона соблюдается в Firefox, Safari и Chrome. В IE8 SVG заменяется файлом PNG. Однако в IE9 и IE10 файл SVG значительно уменьшен. Проблема, похоже, связана с шириной и высотой div. Если я д ...
как нарисовать сетку с помощью html5 и (canvas или svg)
Я хочу нарисовать сетку, как показано на рисунке, но я совершенно не знаю, с чего начать. Я должен использовать SVG или я должен использовать холст С HTML5 и как нарисовать его. пожалуйста, руководство по этому вопросу. Я хочу, чтобы эта сетка рисовала прямоугольник, круг или другие диаграммы на нем, и я вычислю площадь этой диаграммы, как площадь квадрата. ...
Доступность: рекомендуемое соглашение alt-text для SVG и MathML?
обзор HTML5 теперь<svg> и <math> разметка с HTML-документом без зависимости от внешних пространств имен (достойный обзор здесь). У обоих есть свои alt - аналоги атрибутов (см. ниже), которые эффективно игнорируются сегодняшним программным обеспечением для чтения с экрана. Таким образом, эти элементы недоступны для слепых пользователей. планируется ли реализовать стандартную конвенцию alt-text для эти новые элементы? я прочесал документы и пришел сухой! Дополнительные Детали отно ...
Перекрывающиеся круги в CSS с 1 div
Я ищу, чтобы создать эту форму перекрывающихся кругов в CSS: в основном, просто сложенные круги. Я посмотрел вокруг, и все решения, которые я вижу, включают в себя использование нескольких элементов div для этого эффекта. Однако, не может ли это быть сделано с помощью одного div, используя CSS3? Я посмотрел, как это можно легко сделать, и понял, что, если все цвета одинаковы, у вас будет форма таблетки, например это: http://jsfiddle.net/5wytm0r4/ #circles { background-color: red; ...
Рендеринг SVG с OpenGL (и OpenGL ES)
в настоящее время я изучаю возможность рендеринга векторной графики из SVG-файла с использованием OpenGL и OpenGL ES. Я намерен нацелиться на Windows и Android. Моим идеальным решением было бы иметь минимальную библиотеку C, которая генерирует полигональную триангуляцию из данного файла SVG. Затем он будет генерировать стандартные вызовы OpenGL или OpenGL ES и использовать список отображения или vbo для оптимизации при перерисовке. Я бы просто нарисовал список отображения, чтобы нарисовать векто ...
Как получить доступ к элементу DOM, который коррелирует с объектом D3 SVG?
Я пытаюсь узнать D3, экспериментируя с одним из их основные bubblecharts. Первая задача: выяснить, как перетащить пузырь и сделать его самым верхним объектом во время перетаскивания. (Проблема заключается в том, чтобы получить объектную модель D3 для отображения на DOM, но я доберусь туда...) чтобы перетащить его, мы можем просто вызвать поведение перетаскивания d3, используя код, который они предоставляют: var drag = d3.behavior.drag() .on("dragstart", dragstart) .on("drag", dragmove) ...
Получить ширину / высоту элемента 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" "offset" "undefinedxundefined" есть ширина и высота свойства svg1, а .width.baseVal.value только если я установить атрибуты width и height элемента. скрипка выглядит так это: HTML <svg id="svg1" xmlns="http://www.w3.org/2000/svg" version="1.1"> ...
Размещение меток в центре узлов в d3.js
я начинаю с d3.JS, и я пытаюсь создать ряд узлов, каждый из которых содержит по центру знака. Я могу получить желаемый результат визуально, но способ, которым я это сделал, вряд ли является оптимальным, поскольку он включает в себя жесткое кодирование координат x-y для каждого текстового элемента. Ниже приведен код: var svg_w = 800; var svg_h = 400; var svg = d3.select("body") .append("svg") .attr("width", svg_w) .attr("weight", svg_h); var dataset = []; for (var i = 0; i < 6; ...