cost 87 ms
有没有办法将多个 CanvasGradients 混合在一起?

我正在绘制一个相互绘制的CanvasGradient对象网格。 我不想相互绘制,而是想实现混合混合效果,如“2D 元球”或以某种方式在渐变之间插值。 我尝试使用此设置https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingCo ...

2022-09-27 22:08:31 0 3
Python 中多边形的径向颜色渐变

我试图弄清楚如何用径向渐变为 Shapely 多边形着色。 我从一些点开始并将它们缓冲到圆圈中。 我使用 colorir 中的 Grad 创建了 colors 的渐变,但我希望每个圆圈的中心颜色较深,边缘渐变为透明。 我查看了这篇文章并能够生成图像,但我不知道如何将其应用于我的圈子。 到目前为止,这 ...

2022-09-23 18:56:24 0 7
等量梯度与胜利图

赏金将在 18 小时后到期。 此问题的答案有资格获得+250声望赏金。 user299791想引起对这个问题的更多关注。 我之前在这里问过一个关于如何使用胜利图创建线性渐变的问题,但现在我想知道是否也可以使用等量曲线构建渐变,如下图所示: 它应该与 CSS 中的径向梯度有关,但我无法弄清楚获得 ...

2022-09-15 12:24:16 1 65
具有径向梯度的波纹 animation

我想在一个矩形内创建无限波纹 animation 。 我这边的基本想法是开始将一个圆圈设置为另一个圆圈。 但是output就比较尴尬了。 下面是我的代码—— body { background: #454a59; }.ripple { width: 400px; height: 80px; ma ...

2022-09-05 08:48:35 1 24
径向插值 Python/Matlab

我有一组地理数据,如图所示。 我还有一个相同区域的计算数据网格,如此处所示作为示例。 我需要从第一张图像中插入数据以使网格充满值,而不仅仅是几个点。 问题是,我尝试使用各种插值方法,其中大多数需要连续至少有 2 个值才能计算。 有没有像径向插值这样的方法,我可以用它来从第一张图片中获取网格插值 ...

2022-09-02 17:17:25 0 10
如何将 CSS 滚动阴影添加到水平滚动容器?

我按照这个问题的答案并稍微改变了它,以便它可以在应该水平滚动的容器上工作。 目标是向容器的边缘添加linear-gradient ,并在容器滚动时使渐变保持在边缘。 当用户位于容器的最左侧时,左侧阴影不可见,右侧也是如此。 所以当用户在中间时,两个阴影都应该是可见的。 我使用了答案底部示例之一中的 ...

2022-08-21 19:31:16 0 26
Firefox 不正确地渲染线性和径向渐变

我正在尝试使用渐变属性来创建背景,由于某种原因,它在 firefox 中呈现错误的渐变,但在基于 chrome 的浏览器中却完美。 我试过使用 -moz- 并没有帮助。 出于某种原因,它创建了一堆不同的线条,当我试图让它更大时,它看起来真的很糟糕。 查看这些图片以供参考镀铬Firefox ...

2022-08-13 19:16:47 0 9
使用 Tailwind Css 保持完美的圆形交叉每个屏幕尺寸

我想使用Tailwind Css为我的图标头像保持一个完美的圆圈,如下所示,适用于大屏幕和小屏幕。 我知道我可以使用这样的渐变径向: .avatar{ background: radial-gradient(circle closest-side, yellow calc(10 ...

2022-07-05 13:35:51 2 57
Flutter - 从 figma 实现径向渐变按钮

我正在尝试在 Figma 中实现以下设计。 Figma 的检查面板给出了这个按钮的 CSS 代码,如下所示: 但是我觉得Figma中的径向渐变不是圆形,有什么办法可以改变Flutter中径向渐变的形状吗? 你可以在这里找到 DartPad 链接: https://dartpad.dev/? ...

2022-06-27 15:58:18 1 34
将 CSS 径向梯度转换为 Flutter RadialGradient

我已经为此苦苦挣扎了一段时间。 我想将以下 CSS 转换为RadialGradient中的 RadialGradient:radial-gradient(137.04% 165.65% at -13.09% -6.54%, #AA1F23 0%, #B02726 1.73%, #C53E34 7. ...

2022-02-01 05:23:37 0 10
用 CSS 创建进度条(凹形)

我试图用 css 像这样创建一个进度条 使用下面的代码,我发现了这个结果 但我想要相反的,有人可以帮我吗? .first-bar { border-radius: 20px 0px 0px 20px; background: radial-gradient(20px 20px at calc(1 ...

2022-01-20 07:58:47 2 53
径向渐变不会创建完美的圆圈[重复]

这个问题在这里已经有了答案: 背景图像,线性渐变锯齿状边缘结果需要平滑边缘2答案 如何使 Chrome 中的渐变平滑? (4 个回答) 6 分钟前关闭。 示例代码: div { width: 400px; height: 400px; background: radial-gradient ...

2021-12-13 19:07:33 2 16
使用纯 css 渐变创建不同的颗粒效果图像

是否有任何教程展示了如何使用 css 重复渐变来创建颗粒图像而不使用实际的 png 图像来创建颗粒效果? 我正在寻找,但什么也找不到。 即使只是一个渐变生成器,也可以轻松制作不同的颗粒效果设计。 我知道那里有大量的渐变生成器,但我所知道的创建图像的没有一个像这些示例一样。 https://jsfi ...

2021-12-05 16:04:51 0 12
使用颜色、百分比和度数输入在 vue 中手动创建径向网格

我正在尝试根据颜色、度数和百分比输入创建一个手动渐变(线性、径向)生成器。用户可以根据需要添加尽可能多的颜色。 我想要做的是用户将选择度数。然后用户将选择颜色和百分比。当用户单击 addButton 时,它将与字符串连接,这样用户将尽可能多地连接颜色和百分比。渐变type(linear,gradie ...

2021-11-11 08:36:58 0 25
具有渐变属性的按钮在渐变颜色上具有弯曲的圆角边缘

我需要一个按钮,它应该显示两种颜色。 我能够使用渐变属性将颜色混合到一定程度,但无法产生确切的颜色。 我希望按钮内设置的渐变颜色具有弯曲和圆形边缘。 下面是我的代码: .triangle{ padding:20px; border:none; --g:red 135deg,yell ...

2021-11-08 14:41:11 3 62
vue 中具有线性和径向渐变的颜色选择器

vue 中是否有可用的颜色选择器库或包,我可以在其中设置线性和径向渐变?现在我无法设置线性和径向渐变。我可以通过任何方式从颜色选择器生成这样的 css 吗? 现在我正在使用颜色选择器 vuetify,其中只生成一个颜色代码: 我可以在可以生成上述 css 或任何其他可用库的地方以编程方式使 ...

2021-11-05 16:17:05 0 15

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM