Вопросы по теме 'svg-filters'
Применение фильтров изображений к данным изображения холста или в JavaScript
Я разработчик Flash и работаю над портированием игры на JavaScript. В версии Flash я использую фильтры свечения, размытия и цветовой матрицы для управления внешним видом экранных объектов. Я хотел бы сделать то же самое с моим представлением...
14613 просмотров
schedule
09.04.2023
Проблемы с кодированием эффектов Illustrator SVG
У меня возникли НАСТОЯЩИЕ большие проблемы с кодированием SVG XML и его воспроизведением в Illustrator, как я и ожидал. Основной проблемой сейчас является эффект feColorMatrix. Я понимаю эффект и то, как матрица изменяет пиксели, но проблема...
1009 просмотров
schedule
03.05.2022
Почему фильтр ломает трюк с полупикселем для четких штрихов в 1 пиксель?
Вместо этого я использую трюк «сместить все на полпикселя», описанный в второй ответ на этот вопрос , чтобы получить четкую обводку в 1 пиксель на фигуре.
(Здесь задействованы закругленные края, поэтому решение shape-rendering: crispEdges здесь...
1117 просмотров
schedule
13.07.2023
Добавление фаски и тиснения к элементу SVG?
Поэтому мне было интересно, можно ли добавить фаску и тиснение к элементу SVG?
Мой CSS для моего прямоугольного элемента выглядит следующим образом:
rect {
fill: #e8e9eb;
stroke: black;
stroke-width: 1px;
width: 70;
height: 30;
}...
7509 просмотров
schedule
01.04.2022
Преобразование цвета hex или rgb в значения fecolormatrix
Я буквально ничего не знаю о SVG, но у меня на сайте работает скрипт, который переключает изображения между цветным и черно-белым, применяя цветовой фильтр svg, а затем удаляя его при наведении. Тон цвета задается с помощью матрицы значений,...
4300 просмотров
schedule
25.04.2023
feGaussianBlur, feOffset и другие теги SVG не работают в Pyside WebView
PySide WebView не поддерживает эти теги? Или есть возможность поддерживать эти теги?
Это мой код SVG. Я сделал круг SVG, который использует этот фильтр и выполняет некоторый переход цвета с помощью javascript
<defs>...
232 просмотров
schedule
08.12.2022
SVG-фильтры W3C в оттенках серого
Я пытаюсь изменить фильтр оттенков серого W3C, найденный здесь: http://www.w3.org/TR/filter-effects-1/#grayscaleEquivalent
Это до смешного просто в webkit, но я даже использую это только потому, что Gecko поддерживает вызов фильтров только через...
5862 просмотров
schedule
06.07.2023
Фильтр SVG в Firefox ломает z-индекс
Я создаю меню с вкладками с изображениями SVG в качестве фона. Мне нужно, чтобы вкладки перекрывали друг друга в обратном порядке - первая над второй, вторая над третьей. И мне нужна тень svg, чтобы работать в Firefox.
Однако, когда я применяю...
1319 просмотров
schedule
24.11.2022
Фильтр SVG Bevel не работает в Firefox
Для игры, которую я пытаюсь запрограммировать, используя (ванильный) javascript, css и svg, у меня есть следующий SVG для отображения двери:
<svg width="125" height="100" viewBox="0 0 125 100" xmlns="http://www.w3.org/2000/svg">...
118 просмотров
schedule
03.07.2023
Как установить альфа фильтра SVG?
Мне нравится менять альфу из фильтра радиального размытия SVG? Есть ли способ изменить альфу на 100%?
Спасибо за ваше время !
Ваше здоровье
Алекс
.effet{
width: 400px; height: 300px;
margin: 0 auto 50px auto;...
392 просмотров
schedule
24.02.2023
Преобразование фильтров CSS в фильтр SVG
У меня есть рабочие фильтры CSS для элементов <img /> , как я хочу.
eg.
filter: brightness(1) contrast(67%) saturate(250%) grayscale(0%) invert(0%) hue-rotate(330deg) sepia(40%) blur(0px);
Моя цель — применить те же свойства фильтра...
2563 просмотров
schedule
27.09.2022
Ссылка CSS на фильтр SVG в отдельном элементе
Играя с фильтрами SVG, я столкнулся с проблемой ссылки на фильтр SVG из CSS. В некоторых случаях применение фильтра приводит к удалению элемента, к которому применяется фильтр, со страницы. Я думал, что может быть 2 причины:
тот факт, что я...
435 просмотров
schedule
19.06.2023
Использование фильтра SVG для создания внутреннего штриха
Я хотел бы смоделировать и «внутренний штрих» на пути svg. У меня есть карта svg с несколькими сложными путями (странами), каждая из которых имеет свой цвет заливки. И я хотел бы добавить «фальшивый внутренний штрих» в первый. Мне удалось кое-что...
5061 просмотров
schedule
10.08.2022
Фильтр SVG применяет фильтр только к непрозрачной области
Давайте применим фильтр к изображению с прозрачностью. Мне нужно, чтобы этот фильтр применялся только к непрозрачной области, другими словами, я думаю, где альфа не равна нулю. Вы можете видеть в примере, что текущая прозрачная область заполнена...
191 просмотров
schedule
14.10.2022
Проблема Safari с позиционированием фильтра SVG feSpotlight
Я хочу использовать эффект прожектора, но, кажется, он работает только в Chrome, выглядит «просто нормально» в Firefox, но не будет позиционировать (x, y, z) в Safari. (Другие браузеры не тестировались)
Я пробовал разные фильтры и примитивы, и...
278 просмотров
schedule
14.08.2022
‹SVG› Проблема с фильтром в Safari
Я искал предыдущий ответ на этот вопрос, но ни одно из решений, которые я нашел, не решает проблему.
Мой <path> с примененным к нему filter не отображается в Safari (я использую 11.0.2) или Firefox (57.0.4).
Вот мой код:
<!--...
1035 просмотров
schedule
04.02.2023
Как сделать градиентную анимацию SVG плавной, а не шокирующей?
У меня есть SVG, где я хочу анимировать градиент, чтобы цвета выглядели динамично. Чтобы сделать это, мне нужна повторяемая анимация, которая большую часть времени выглядит так, как будто она что-то делает.
Однако при попытке анимировать анимацию,...
2178 просмотров
schedule
29.09.2023
Большие размытия в фильтрах SVG не работают в Safari
Я уже некоторое время использую следующий фильтр SVG вместо filter: blur(#px); , так как мне нужно размытие, которое покрывает элемент от края до края, а не обычное падение. Он прекрасно работает в Chrome как на рабочем столе, так и на Android....
2618 просмотров
schedule
21.09.2022
Как применить фильтр SVG к прямому пути?
Я хочу сделать пути размытыми, это работает для всех путей, кроме прямых. Однако прямые пути не показаны.
Я нашел вопрос Линия SVG с градиентной обводкой не будет отображаться прямо который, кажется, очень хорошо отвечает на вопрос. Однако мне...
344 просмотров
schedule
30.01.2023
Альфа-фильтр SVG, изменяющий цвет пикселя
Я использую JS и <canvas> для рендеринга изометрической сцены. Я использую этот фильтр SVG, чтобы у плиток были четкие края пикселей:
<svg width="0" height="0" style="position:absolute;z-index:-1;">
<defs>
<filter...
89 просмотров
schedule
05.07.2022
