Вопросы по теме 'svg-filters'

Фильтры SVG в Firefox
По какой-то причине я не могу заставить фильтры SVG работать в Firefox. Однако в Opera они работают нормально. Элемент, свойство которого я установил для фильтра, просто исчезает. Это очень странно. Вот мой код javascript: defsElement =...
2492 просмотров
schedule 12.06.2022

Использование фильтров SVG в CSS для IE10
IE10 отказался от поддержки манипуляций с изображениями DirectX; теперь он использует стандарты SVG. Однако, например, в Firefox вы можете применить фильтр svg к любому элементу <img> , но в IE10, и я могу заставить его работать только с...
2717 просмотров

Div исчезает после применения размытия по Гауссу SVG
Я пытаюсь применить размытие по Гауссу к элементу, у которого есть несколько дочерних узлов, содержащих некоторый контент. Для Chrome я сделал в прикладном стиле: -webkit-filter: blur(2px); Firefox не поддерживает это. Firefox...
5139 просмотров
schedule 22.08.2022

d3 Контекстная диаграмма Размытие по Гауссу
Я создаю интерактивное приложение d3, одна часть интерфейса которого очень похожа на пример очистки фокуса/контекста Бостока: http://bl.ocks.org/mbostock/1667367 Пока все работает нормально, но вот что я хочу сделать. Я хочу взять контекстную...
824 просмотров
schedule 30.06.2022

Штрих SVG только в одном направлении
В настоящее время у меня есть следующий svg: <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" onclick='dispcoord(evt)' viewBox="0 0 80 80"> <g class="background" stroke-width="3" fill="transparent">...
552 просмотров
schedule 08.03.2023

feImage с внутренним источником
Цель Я пытаюсь написать SVG-фильтр для визуализации волнового освещения поверх заданной формы. Итак, внутри этой формы я хочу, чтобы волны применялись, но я не хочу, чтобы за пределами этой формы был видимый эффект. Насколько я понимаю, я не...
2377 просмотров
schedule 25.11.2022

Safari отображает неправильные цвета при использовании фильтра размытия
Я пытаюсь применить фильтр размытия к элементу svg, но кажется, что Safari не может правильно отображать цвета. Вот пример моей проблемы: <svg height="110" width="110"> <defs> <filter id="f1" x="0" y="0">...
841 просмотров
schedule 01.01.2023

Размытие по Гауссу SVG в Safari неожиданно осветляет изображение
Использование фильтра svg guassian blur для размытия изображений в разных браузерах. В целом, это работает очень хорошо, за исключением случая с Safari. В настольном Safari изображение размыто, но также и осветлено. Этого не происходит ни в одном...
2106 просмотров
schedule 05.07.2022

Неработающая ссылка на идентификатор фильтра SVG при использовании History API с Ember CLI
Я создаю визуализации SVG с помощью D3.js в приложении Ember-cli. SVG используют фильтры и маркеры, доступ к которым осуществляется через атрибут id: <svg> <defs> <filter id="filterId"> ......
297 просмотров

стиль рисования вручную (карандашом) для пути SVG?
Путь SVG обычно выглядит как сплошная линия: Можно ли реализовать стиль рисования вручную (карандашом) для пути SVG?
1505 просмотров
schedule 27.03.2023

Как использовать черное изображение в качестве маски svg?
первое изображение маски второе изображение маски почему бы не использовать первое изображение маски? <svg width='200' height='200' baseProfile='full' version='1.2'> <defs> <mask id='svg_mask'...
86 просмотров
schedule 06.09.2023

Замените один цвет с помощью фильтров SVG
Можно ли сделать снимок IMG и заменить один точный цвет другим, скажем, #fff на #000, сохранив все остальные цвета без изменений? Возможно, поможет цветовая матрица из фильтров SVG?
1669 просмотров
schedule 12.07.2022

Почему SVG feColorMatrix + ‹use xlink:href=#/› приводит к обрезанию пути?
Почему фигура, указанная в разделе, выглядит иначе (обрезается!), когда я использую фильтр для элемента? Белые звезды отображаются корректно ("остроконечные" углы) Но коричневые (отфильтрованные) звезды странно обрезаны. Фрагмент кода:...
60 просмотров
schedule 08.09.2022

feGaussianBlur не работает должным образом в Safari или IE?
Я проверил, что feGaussianBlur поддерживается в Safari, но почему он не показывает эффект размытия в браузере? Кто-нибудь может пролить свет на это? Что-то отсутствует или необходимо выполнить дополнительную проверку, особенно для Safari и IE? Он...
574 просмотров
schedule 10.08.2023

обнаружение края в фильтре svg
Я пытаюсь найти краевые точки изображения с помощью фильтра SVG. Проблема не в том, чтобы добиться успеха. Ниже приведен код, который я пробовал. <svg width="100%" height="495"> <defs> <filter id="blobby"...
762 просмотров
schedule 09.04.2023

CSS svg фильтр сафари не работает
Я использую свойство фильтра css, применяя к нему svg feColorMatrix. Он очень хорошо работает в Firefox и Chrome. Но в сафари не работает. Я играл со значениями, отступами, префиксами поставщиков и не смог успешно применить свой фильтр в сафари....
1968 просмотров
schedule 02.03.2024

Фильтры SVG в Safari: x, y, ширина, высота не применяются
Проблема: В Safari отображаются оба фильтра, но оба имеют полную ширину/высоту прямоугольника, поэтому виден только верхний. Как заставить это работать последовательно в разных браузерах? Демонстрация ошибки здесь:...
158 просмотров
schedule 06.12.2023

Поддерживает ли свойство SVG-фильтра feFlood 'flood-color' градиент в качестве входных данных?
Я экспериментирую с фильтрами SVG, пытаясь создать эффект виньетки. Я нашел фрагмент в старом репозитории, где автор сделал это так, но feFlood не подбирает фильтр для меня. Я тоже пробовал flood-color="url(#gradient_toaster)" , но без разницы....
701 просмотров

Фильтры SVG, примененные к содержимому HTML, ведут себя очень странно в Safari
Я пытаюсь использовать фильтры SVG (исходный пример Tomislav Jezidžić ) для текста, чтобы имитировать своего рода «водный эффект». Результат нормальный в Chrome и Firefox, но Safari ведет себя странно. Я пытался разбить код и выяснить, какая...
262 просмотров
schedule 05.09.2023

Фильтр SVG заставляет путь исчезнуть в Firefox/Safari/iOS
Хорошо, я пытаюсь применить фильтр к пути SVG, чтобы он «светился», у меня он отлично работает в хроме, но, похоже, не работает в Safari/firefox. Я определяю фильтры в другом SVG, поскольку тот, в котором находятся пути, создается внешней...
507 просмотров
schedule 03.11.2023