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

87
Поддерживают ли документы SVG настраиваемые атрибуты данных?

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

87
SVG закругленный угол

У меня такой SVG: <svg> <g> <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#a0a700"></path> <path...

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

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

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

Допустим, у меня есть пара составных фигур ( <g>). Я хочу иметь возможность щелкнуть и перетащить их, но я хочу, чтобы тот, который я перетаскиваю в данный момент, находился НАПЕРШЕ другого в Z-порядке, так что если я перетащу его на ДРУГОЙ, другой нужно затмить....

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

Я возился с SVG и надеялся, что смогу создавать файлы SVG в Illustrator и получать доступ к элементам с помощью Javascript. Вот SVG-файл, который запускает Illustrator (он также, кажется, добавляет кучу мусора в начало файла, который я удалил) <?xml version="1.0" encoding="utf-8"?>...

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

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

13
Рисование стрелок над HTML

У меня есть HTML-таблица, и я хочу нарисовать стрелку из одной ячейки в другую ячейку. Например, вот так: Как это можно сделать? Пример HTML: <html> <body> <table>...

9
SVG CSS Несколько анимаций

Я создал анимацию карты сокровищ, во-первых, она будет отображать путь светло-серым, но когда анимация начинается, я бы хотел, чтобы светло-серые штрихи исчезли или превратились в черный цвет, когда анимация заливки «.road» включается. изо всех сил пытаясь заставить светло-серые штрихи ".steps"...