3 / 3 / 2
Регистрация: 01.12.2016
Сообщений: 195
1

fabric.js Градиенты и анимация

16.06.2023, 00:25. Показов 613. Ответов 0

Author24 — интернет-сервис помощи студентам
Требуется залить замкнутый path таким градиентом. Должно получится то что ниже

Название: nado.png
Просмотров: 36

Размер: 3.4 Кб

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
new fabric.Gradient({
                type: 'linear',
                gradientUnits: 'pixels',
                dirty: true,
                coords: {
 
    x1: 0,
    y1: 0,
    x2: 0,
    y2: fire_eff.height}, 
 
                colorStops:[
                { offset: 0, color: '#ffffffA0' },
                { offset: 0.4, color: '#fcd535A0' }, // transp 90
                { offset: 1, color: '#fcd5350A'}],

И в общем-то все получается Но мне кроме того надо динамически изменять размер этого path/получившейся фигуры

При этом не удается добиться такого же отображения градиентной заливки как на неподвижном изображении


Почему-то заливка идет однородным цветом

Я пробовал также динамически изменять gradient.coords.x2= fire_eff.width; и т.д Проблема тут не в этом


Что тут можно сделать ?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
16.06.2023, 00:25
Ответы с готовыми решениями:

Бегущая строка в WPF (анимация и градиенты)
Здравствуйте. Хочу сделать так, чтобы в WPF-приложении текст внутри какого-то контейнера...

градиенты
Есть ли какой-нибудь быстрый способ нарисовать градиент, естественно апишными средствами....

Градиенты
Здравствуйте, подскажите как сделать градиенты указанные на рисунке, http://jsfiddle.net/9wtu9mmu/...

Ступенчатые градиенты
Обнаружил на своём новом моноблоке HP Eliteone 800 G5 артефакты в виде ступенчатых градиентов,...

Twitter Fabric не авторизируется
Начинает грузится окно авторизации но так и не загружается и снова возвращается в игру. using...

0
16.06.2023, 00:25
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.06.2023, 00:25
Помогаю со студенческими работами здесь

Проверьте градиенты, пожалуйста
Здравствуйте, я решил тут два примера, нашёл градиенты и их модули, проверьте правильность...

Не могу скачать fabric на майнкрафт
java.net.ConnectException: Connection timed out: connect at...

Как правильно настроить градиенты?
всем добрый день, интересует такой вопрос - почему у меня не изменяются градиенты на кнопке? что я...

Реализация инверсной кинематики методом Fabric
Добрый день! Столкнулся с проблемой реализации алгоритма Fabric для расчета конечных координат...

Градиенты, размытия и сложные фигуры на css
Доброго времени суток! В общем есть такой шаблон (Прикрепил 5 метров). Прежде всего...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru