Вопросы по теме 'svg-filters'
Фильтр Firefox SVG в другом домене
Например, мой HTML-файл с объявлением CSS 'filter:url(http://example2.com/svgfile.svg#myfilter);' в нем находится на домене «example1.com». В файрфоксе работает? Это работает, когда файл HTML и файл SVG находятся в одном домене.
485 просмотров
schedule
10.04.2023
Элементы SVG не могут отображать теневой фильтр в Safari
Я обнаружил, что браузеры Safari и iOS Safari по какой-то причине не могут/не отображают тени (фильтры) SVG. По крайней мере, для меня тени не будут отображаться только в Safari iOS и Safari Desktop, они работают в Chrome и Firefox.
Есть ли...
3598 просмотров
schedule
24.08.2022
Рисование круга с тенью в SVG обрезает края
Я пытаюсь нарисовать простой круг с тенью в SVG, но по какой-то причине верхний и левый края обрезаются. Это происходит как в Chrome, так и в Safari.
Я использую код, найденный в руководстве w3schools SVG Drop Shadows , модифицированный для...
10227 просмотров
schedule
23.07.2023
Линейная функция svg feComponentTransfer
Линейная функция SVG feComponentTransfer работает не так, как я ожидал. Наклон -1 и пересечение 1, применяемые к изображению в градациях серого, должны инвертировать изображение: черный -> белый, белый -> черный, 25% серого -> 75% серого, 50%...
1896 просмотров
schedule
02.02.2023
Сопоставление цвета в SVG с помощью feColorMatrix
Я создал тень в SVG, используя SourceAlpha для тени, так что она просто черная. Используя feColorMatrix , я немного уменьшил непрозрачность, но все равно это выглядело не так, как я хотел - я хочу, чтобы цвет тени соответствовал определенному...
3938 просмотров
schedule
14.04.2023
Как уменьшить непрозрачность альфа-слоя в фильтре svg?
Я пытаюсь создать логотип в виде SVG. Я экспортировал файл из Illustrator. На логотипе есть тень. Я просматривал XML и нашел узел фильтра
<filter filterUnits="objectBoundingBox" width="200%" height="160%" x="-15%" y="-15%"...
15234 просмотров
schedule
02.05.2023
css фильтр наведения не работает в т.е.
Привет, у меня проблема, которую я не смог решить. Я хочу, чтобы мои миниатюры отображались в оттенках серого, а затем в цвете при наведении. Исходное изображение цветное. Работает в Хроме и ФФ. Это не будет работать в IE....
1664 просмотров
schedule
13.09.2022
Фильтр SVG работает только при добавлении в атрибут стиля (Firefox)
Я добавил эффект размытия svg в свой HTML (текст/html):
<html>
<head>...</head>
<body>
...
<svg xmlns="http://www.w3.org/2000/svg" height="0">
<filter height="116%" width="116%"...
10120 просмотров
schedule
10.06.2023
Фильтр SVG в HTML img в IE10
У меня есть этот фильтр, который работает в Chrome и Firefox, но я не могу заставить его работать в IE.
http://codepen.io/anon/pen/lwpbo
IE10 должен поддерживать фильтры SVG, так что же не так?
2383 просмотров
schedule
14.01.2023
Как предотвратить появление резких падающих теней на маленьких фигурах с помощью D3
Я разрабатываю небольшой обучающий инструмент, для которого я хотел бы добавить тени к путям SVG. Для построения моей графики я использую D3.js. Обычно это прекрасно работает, но с конкретными формами я сталкиваюсь с проблемами, особенно с...
530 просмотров
schedule
29.04.2022
SVG: несколько эффектов в одном фильтре
Я пытаюсь внедрить несколько теней в один фильтр SVG, но полагаю, что мой вопрос носит более общий характер: как я могу добавить несколько эффектов в один фильтр SVG? В моем случае, вот конкретно то, что я пытаюсь сделать.
У меня есть документ...
3935 просмотров
schedule
09.07.2023
SVG с тенью не отображается на некоторых страницах в Firefox
Итак, вот скрипт svg (у меня он встроен вот так на странице):
<svg id="cartTab" viewBox="0 0 600 65" preserveAspectRatio="xMinYMin">
<defs>
<filter id="tabShadow" x="-10%" y="-10%" width="110%" height="110%">...
303 просмотров
schedule
25.07.2023
Неправильный рендеринг SVG с фильтром hueRotate от PHP Imagick
PHP Imagick отображает неправильные цвета с фильтром SVG feColorMatrix. Например, я беру синий квадрат и поворачиваю его оттенок на 1 градус. Браузер отобразит это правильно: http://codepen.io/anon/pen/BNwVWK -- У меня получился синий цвет....
416 просмотров
schedule
22.09.2022
Переход к фильтру SVG
Я пытаюсь создать дизайн материала, например тень, на круге SVG. Я хочу, чтобы эта тень росла с красивым переходом, когда вы нажимаете на круг, но в данный момент я изо всех сил пытаюсь даже понять, можно ли анимировать этот переход, поэтому я...
4439 просмотров
schedule
20.03.2022
Каков реальный алгоритм для CSS-фильтра hue-rotate?
В настоящее время я пытаюсь воспроизвести фильтр css «hue-rotate», который производит то же самое, что и svg feColorMatrix «hueRotate» в браузерах на сервере. Я посмотрел на спецификацию, реализацию firefox и реализацию webkit. Я портировал каждый...
489 просмотров
schedule
21.02.2023
Анимация шаблона SVG
Я определил шаблон в svg. Я хочу постоянно вращать его... Я не могу применить анимацию к этому определению шаблона. Я применил ту же анимацию к символу, она работает, но не работает с шаблоном...
<pattern id="GPattern"
x="10" y="10"...
2589 просмотров
schedule
15.01.2024
Как использовать внешний SVG для CSS filter:url()?
У меня есть HTML-документ. Я могу добавить в CSS, но не в сам HTML.
Я пытаюсь применить фильтр SVG к изображениям, используя свойство filter:url() . Поскольку я не могу коснуться HTML, я не могу добавить...
38 просмотров
schedule
14.03.2023
Фильтр SVG feOffset увеличить/масштабировать
Чтобы иметь два штриха и размытие на многоугольнике или круге svg, я создал фильтр, который делает это, хотя второй «штрих» (созданный с помощью фильтра) обрезается или не похож на идеальный круг. Любая идея, как решить эту проблему правильно?...
1114 просмотров
schedule
23.06.2023
Фильтр SVG вызывает отсечение SVG с полем просмотра в Firefox
Я пытаюсь создать изменяемую форму SVG с эффектом «свечения», когда она выбрана с использованием фильтра Гаусса. Когда я пытаюсь применить фильтр, как показано ниже, в Firefox (проверено на v39+), кажется, что фильтр заставляет прямоугольник...
511 просмотров
schedule
03.05.2022
Преобразование изображения с примененным фильтром SVG в двоичный файл или base64 для сохранения в бэкэнде
Я показываю изображение в графическом интерфейсе и применяю к нему фильтры SVG. Теперь мое требование состоит в том, чтобы сохранить это измененное изображение [с примененным фильтром SVG] путем преобразования в двоичный файл или base64. Я попытался...
768 просмотров
schedule
04.11.2022