Вопросы по теме 'radial-gradients'
CGContextDrawRadialGradient не отображает альфа-канал в PDF?
У меня есть следующий рисунок, который отображает круг с полным цветом в центре, переходящим в 0 альфа по краям. Когда вы рисуете это на экране, это выглядит идеально. Однако, когда я рисую то же самое в контексте PDF (CGPDFContextCreate), весь круг...
818 просмотров
schedule
20.11.2021
Почему эта комбинация координат радиантного заполнения Рафаэля терпит неудачу?
Используя Рафаэля, я заметил, что если я попытался применить радиальную заливку к кругу, используя 0,9 и 0,2 в качестве радиальных точек фокусировки, у меня не получилось нарисовать радиальную заливку....
232 просмотров
schedule
18.10.2021
Android создает пирог с градиентом
Есть ли способ создать круг с таким градиентом?
Насколько я понимаю, это:
<shape
android:innerRadiusRatio="3"
android:thicknessRatio="10"
android:shape="ring">
<gradient...
3433 просмотров
schedule
02.12.2021
Почему радиальный градиент в d3 изменяется, если высота / ширина контейнера svg не совпадает с высотой / шириной?
Я пытаюсь понять, как работает радиальный градиент в d3.js. У меня есть круг, и я заполнил его радиальным градиентом, указанным в теге defs. Я установил координату 'r' радиального градиента равной 60%, а 'cx' и 'cy' равными нулю. Насколько я...
480 просмотров
schedule
10.11.2021
Использование смешанного линейного градиента и радиального градиента
Я пытаюсь создать форму, используя linear-gradient и radial-gradient для фона при наведении курсора на изображение.
Я хочу, чтобы при наведении курсора отображалась следующая форма (у серого цвета непрозрачность 0,8):
Я написал следующий...
553 просмотров
schedule
06.11.2021
Градиенты в каждой вершине треугольника с холстом HTML5
Как я могу заполнить треугольник градиентами, начиная с его вершин, заданного цветом для каждой вершины?
Я пытаюсь воспроизвести что-то вроде этого:
Я использую встроенную функцию fill из холста HTML5 Context2D. Я стараюсь избегать...
174 просмотров
schedule
08.09.2021
Заполните прямоугольник с динамическим размером RadialGradient, чтобы он идеально вписался в SwiftUI в Swift 5.1 для iOS.
У меня есть экран SwiftUI , который отображает данные в формате сетки, динамически изменяя размер ячеек, чтобы они всегда заполняли доступную ширину, и следя за тем, чтобы они всегда были квадратами.
Макет работает хорошо, но градиенты немного...
290 просмотров
schedule
15.03.2022
Наложение круга с радиальным градиентом на фоновое изображение
Я пытаюсь применить круг с радиальным градиентом с размерами поверх фонового изображения в css. Всякий раз, когда я применяю градиентную линию, она ничего не делает — мои слои кажутся неупорядоченными.
/* HTML Styles */
html {...
1524 просмотров
schedule
23.04.2022
Зубчатая граница CSS для изображения с использованием радиальных градиентов
Я пытаюсь использовать CSS для создания зубчатой границы изображения с использованием радиальных градиентов. Вот что у меня есть: JS FIDDLE .
Как видите, верхний край изображения имеет заостренные кончики, а нижний край закруглен. Как я могу...
742 просмотров
schedule
11.05.2022
Почему этот радиальный градиент с прозрачностью работает в Firefox, а не в Chrome?
Мне нужно создать эффект «перфорации» с помощью маски. И маска, и перфорация требуют применения альфа-прозрачности.
Здесь он отлично работает в Firefox, но не в Chrome: http://codepen.io/anon/pen/WbbXKP
Что я делаю не так?
CSS:
body...
130 просмотров
schedule
08.07.2022
Радиальные градиенты WPF
Я попробовал следующий код, но последняя строка вызывает ошибку * Аргумент ошибки «1»: невозможно преобразовать «System.Windows.Media.RadialGradientBrush» в «System.Drawing.Brush» * У меня есть Visual Studio 2008
<CODE>
/*
using System;...
1215 просмотров
schedule
18.09.2022
Цветовой градиент D3 не образует математический круг вокруг центра области
Я пытаюсь сделать график радиальной области с цветовым градиентом, чтобы отразить это. Однако кажется, что градиент никогда не хочет идеально сидеть на одной линии / на правильной стороне с кругом (см. Изображение ниже).
Я пытался ограничить...
359 просмотров
schedule
03.10.2022
Ключевые кадры — градиентный фон не анимируется
Я пытаюсь анимировать фоновый обмен, используя @keyframes. Фон радиальный градиент. Фон меняется, но не анимируется.
#mydiv {
background: radial-gradient(circle at 90% 80%, #ff0000, #4d0019);
width: 100%;
height: 1246px;
position:...
934 просмотров
schedule
03.10.2022
синтаксис Opera и firefox для радиальных градиентов
Создание виньетки с использованием радиальных градиентов webkit / moz. У меня правильный синтаксис и эффект для webkit ... но я не могу правильно набрать moz или opera. Моз какой-то продолговатый .. Опера не существует.
Совет?
CSS...
1318 просмотров
schedule
22.04.2023
Нужна помощь в создании радиального градиента CSS, который плавно проходит через 2 элемента, которые не имеют одинаковой высоты или ширины.
http://jsfiddle.net/nicktheandroid/F8v2c/3/
Я пытаюсь создать радиальный градиент, который плавно проходит между двумя одноуровневыми элементами - начиная с 10 или 20 пикселей справа от кнопки, спускаясь примерно на полпути вниз через div...
354 просмотров
schedule
14.10.2022
Линейный градиент CSS от центра
Мне интересно, можно ли сделать что-то подобное только с градиентами css:
http://postimg.org/image/nxciwsv4f/
В этом примере оранжевый цвет в центре будет переходить в серый во всех направлениях. Черный прямоугольник представляет div.
Я не...
5693 просмотров
schedule
17.05.2023
изменить градиент .css в jquery, используя шестнадцатеричные значения и переменную
Я установил фоновый градиент в теле веб-сайта, который я создаю. Я также создал меню, элементы которого меняют свой цвет при наведении. Что я хотел бы сделать, так это попросить, чтобы только участки фонового градиента изменились на тот же цвет...
638 просмотров
schedule
03.01.2023
Полосы CSS не отображаются правильно в Chrome
У меня есть веб-сайт, на котором я пытаюсь получить фон из тонких полосок, используя два градиента. Я добился этого, используя этот CSS:
background: repeating-linear-gradient(
45deg,
transparent,
transparent 2px,...
236 просмотров
schedule
24.06.2023
Canvas — createRadialGradient() не работает должным образом в Chrome v65
При использовании context.createRadialGradient() на 2d context градиент не отображается должным образом в Chrome v65 .
Пример выше взят из MDN , но он также происходит в в моем собственном коде .
Градиент отлично работает в Firefox...
394 просмотров
schedule
16.07.2023
Почему граница с непрозрачностью образует квадрат внутри круга, когда я использую радиальный градиент (круг в)?
Когда у меня есть круг в css с background:radial-gradient(circle at 75px 50px, #5cabff, #003) и я добавляю рамку с непрозрачностью, круг выглядит так, как будто внутри него есть квадрат. Почему это происходит и есть ли решение, чтобы этого не...
65 просмотров
schedule
13.02.2023