Результаты поиска по запросу "svg"
Если две частично непрозрачные фигуры перекрываются, могу ли я показать только одну фигуру там, где они перекрываются?
Например, если у вас есть простая форма «шпионского стекла», состоящая из круга и прямоугольника, а контуры обоих частично прозрачны, можете ли вы остановить эффективное уменьшение непрозрачности, если две фигуры перекрываются?
Как сглаживать текст SVG в Firefox
Кто-нибудь знает лучший способ сглаживания текста SVG, который будет работать в Firefox? Я пробовал text-antialias: true, но это не имеет никакого эффекта, а также я пытался использовать штриховую краску, но это только сгущает шрифт и не то, ...
Как заставить заливку рисунка SVG двигаться с объектом?
У меня есть несколько объектов SVG с мозаичным фоном изображения, используяfill="url(#background)где я определяю#background какpattern содержащий толькоimage. Однако, когда объект перемещается в настройках егоx/y атрибуты (илиcx/cyили что-либо ...
Может ли SVG содержать аудио с использованием JavaScript?
У меня есть SVG с некоторой базовой интерактивностью javascript, и я хотел бы также иметь возможность вставить в него немного аудио. Чтобы уточнить: Это для SVG, который сам по себе не встроен в HTMLЯ бы предпочел избежать использования ...
Делегирование событий на SVG Elements
Я пытаюсь создать общий обработчик кликов для всех элементов, которые добавляю в холст SVG. Но я не могу делегировать обработчик вновь созданным элементам. Это код, который я пытался делегировать, но не ...
Расставьте приоритеты шрифта SVG с помощью веб-шрифтов Google
Рендеринг шрифтов в Google Chrome в Windows ужасен, если вы не используете SVG-шрифт. Однако веб-шрифты Google отдают предпочтение файлам WOFF. Есть ли способ заставить его доставлять SVG-шрифты или мне нужно вручную размещать шрифты самостоятельно?
D3.js: вращать группу, держать текст в той же ориентации?
У меня есть следующие данные, касающиеся ударов стрел по цели: var data = [ { name: "Bullseye", dist: 0, angle: 0 }, { name: "Strike 1", dist: 50, angle: 0 }, { name: "Strike 2", dist: 100, angle: 90 }, { name: "Strike 3", dist: 150, angle: 180 ...
фильтр: размытие для Mozilla Firefox <svg> не работает
Я занимаюсь разработкой страницы, которая будет анимировать изображение, затемнение в стиле размытия. Это работает в Google Chrome, но в Mozilla Firefox нет. Я пробую этот подход для Mozilla ...
Как запретить AngularJS создавать строчные HTML-атрибуты
Я пытаюсь визуализировать некоторые SVG с AngularJS, но я не могу динамически изменить viewbox элемента svg. Angular отображает атрибут 'viewbox', но браузеры ожидают атрибут 'viewBox'. Итак, результат: <svg height="151px" width="1366px" ...
Мелкозернистая обработка событий с помощью кистей D3
У меня есть точечный график, который генерируется с помощью D3. Точки (кружки SVG) на графике можно выбирать, нажимая на них, а области можно выбирать с помощью кисти D3. Чтобы убедиться, что круги получают событие щелчка, мне нужно сначала ...