Описание тега svg
Масштабируемая векторная графика (SVG) - это формат двумерной векторной графики на основе XML, который также можно использовать в HTML. Не добавляйте этот тег только потому, что в вашем проекте используется SVG. Вместо этого добавьте тег, если ваш вопрос касается SVG или тесно связан с ним, например, как чего-то добиться с помощью SVG.
1
ответ
Создание нового объекта SVGTransform для добавления в SVGTransformList
Я играл с Firefox 3.6 и хотел добавить перевод к элементу SVG при нажатии; у этого элемента уже были другие переводы. var svgs = document.getElementsByTagName("svg:svg"); var group = svgs[0].childNodes[1]; group.addEventListener("click",function(e){…
17 ноя '10 в 07:10
1
ответ
Raphael Js: Как переставить элементы внутри набора Raphael по кривой траектории
Я работал в Raphael Js, чтобы создать макет в SVG. Я создал несколько кругов, которые расположены в строках и столбцах. Скажем, в столбцах 15 кружков, а в строках 5, как на картинке. Здесь все элементы сначала нарисованы по прямой линии. Это хорошо …
18 апр '16 в 18:11
0
ответов
SVG в новом окне обрезается Firefox
Я уже спрашивал об этом, может быть, слишком странным образом. У меня есть SVG, который вызывается в окно. (вы нажимаете на ссылку, окно появляется через Javascript и появляется SVG анимация) Прекрасно работает в любом браузере, кроме FF. Анимация с…
25 окт '13 в 09:48
1
ответ
Хранение частей SVG в фиксированном размере
По сути, мне нужно было сделать так, чтобы центральный "вырез" сохранял фиксированную форму и размер независимо от масштаба вектора. Есть ли способ добиться этого? <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectR…
19 сен '18 в 13:02
1
ответ
Как мне добиться этого эффекта, используя SVG и JS?
Я уже создал анимационную часть, использовал JS для управления элементом SVG. Теперь я хочу добиться чего-то вроде этого: Я попытался использовать paths.getBoundingClientRect(), чтобы получить расстояние от границы области просмотра до самой высокой…
16 ноя '14 в 15:19
1
ответ
Установка цвета шаблонов SVG при использовании
У меня есть простой шаблон штриховки: <defs> <pattern id="pattern1" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10" > <line x1="0" y1="0" x2="10" y2="10" stroke="black" /> <line x1="0" y1="-10" x2="20" y2="10" s…
29 янв '14 в 09:39
3
ответа
Лучший способ масштабировать элементы HTML
Я ищу некоторые варианты, касающиеся масштабирования некоторых элементов HTML для использования на большом экране (например, в киоске). В настоящее время я использую CSS3 scale(), чтобы получить относительно кросс-браузерный масштаб (благодаря csspl…
16 апр '12 в 11:30
0
ответов
ASP.Net Angular JS нагрузки SGV встроенный
Я не могу загрузить файл SVG динамически в Angularjs Asp.net: у меня есть Widget.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" …
27 дек '17 в 10:37
1
ответ
Как конвертировать 3D модели в SVG line art?
Я часто работаю с 3D CAD-моделями, которые я получаю в виде SolidWorks или PDF-файлов. Мне нужно превратить их в черно-белые штриховые рисунки, как вы найдете в заявке на патент. (На самом деле, точно так же, как вы найдете в заявке на патент!) Acro…
20 май '12 в 19:35
1
ответ
Местные и абсолютные координаты в Snap.svg
https://jsfiddle.net/foreyez/mfcqx7vw/ var s = Snap("#svg"); var block = s.rect(100, 100, 100, 100, 20, 20); block.attr({ fill: "rgb(236, 240, 241)", stroke: "#1f2c39", strokeWidth: 3 }); block.animate({ transform: "T0,0" }, 200); Я пытаюсь перевес…
22 ноя '16 в 21:31
0
ответов
Snap svg .click предупреждение не срабатывает
У меня есть событие click, привязанное к графике SVG, однако предупреждение не срабатывает при нажатии. Я использую оснастку SVG. greenBoySign = greenBoy.select('g#greenBoySign'); greenBoySign.click(function () { alert("button clicked"); }); Сценари…
19 май '14 в 16:04
1
ответ
SVG нажмите нижний объект вниз
Я создал SVG изображения с Inkscape которые встроены в SharePoint Вики-страница Я регулярно использую эти два атрибута в Inkscape (Свойства объекта -> Интерактивность): onmouseover: this.style.opacity=0 onmouseout: this.style.opacity=1 Это позволяет…
16 мар '17 в 15:01
1
ответ
SVG различия в рендеринге tspan - ошибка в IE или Chrome или в обоих?
Вопрос: Ниже SVG <?xml version="1.0" encoding="utf-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect id="rect2993" x="20" y="40" width="1000" height="300" style="fill:#aa000…
05 сен '14 в 12:14
1
ответ
Как реализовать перетаскиваемую функцию в SVG изображения?
В этом коде я использовал Jquery-draggable для установки тега. Это сработало, как вы можете видеть на https://jsbin.com/yekukar/edit?html,css,js Но мне бы хотелось, чтобы при нажатии на строку ("в коде для угла") событие "onmousemove" перестало отме…
15 май '17 в 19:53
0
ответов
Фрагмент SVG Sprite + фоновое изображение CSS в Safari
Я работаю над сайтом, где я использую файл фрагментов SVG и загружаю, в частности, SVG через фоновые изображения CSS. У меня также есть запасной вариант PNG, и я использую ниже в качестве основы для работы: https://css-tricks.com/a-complete-guide-to…
07 июл '17 в 11:57
1
ответ
Можно ли создать элемент привязки без создания объекта SVG? [Snap.svg]
Я хочу подготовить некоторые элементы оснастки, а затем присоединить их к svg. Документы Snap() говорят, что Snap() может только обернуть существующий объект SVG или создать новый. Я не могу найти метод для создания экземпляра Snap без фактического …
30 апр '16 в 20:50
6
ответов
Как получить координаты элемента SVG?
Я использую d3, чтобы нарисовать линию из относительной позиции SVG и, следовательно, хочу получить доступ к координатам самого элемента. Я пробовал что-то вроде этого (где "это" относится к элементу) .attr("x1", this.x) .attr("y1", this.y) но x1 и …
03 окт '13 в 08:43
1
ответ
Элементы SVG, которые не отображаются при загрузке страницы, не отображаются
У меня есть изображение SVG (с кодом, сгенерированным Adobe Illustrator CS6), встроенное в веб-страницу. Я выделил код SVG в этом jsFiddle (он также встроен ниже). В Chrome (но не в Firefox), когда нижняя часть SVG не отображается, она не отображает…
13 янв '13 в 20:32
1
ответ
Рендеринг SVG с внешними ссылками на Canvas
Я пытаюсь отрисовать SVG на холст, используя data: URI а также canvas.drawImage(), Это хорошо работает, за исключением того, что внешние изображения в SVG не включены в результирующий холст. Пример HTML ( пример live jsFiddle): <canvas id="canvas…
22 май '15 в 14:30
1
ответ
Изменить высоту SVG с помощью CSS
Я хотел бы изменить высоту SVH с помощью CSS, но он не работает, SVG работает, но прикрепленный CSS не работает... svg { fill: red; position: absolute; top: 25px; left: 25px; } [class^=icon] { height: 18px; width: 1px; } <svg> <defs> <…
04 апр '16 в 08:08