问题标签 [radial-gradients]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4757 浏览

java - 如何实现椭圆渐变画?

我们知道RadialGradientPaint在 Java 中有一个类,我们可以用它来绘制圆形的渐变画。

但我想要一个椭圆形(椭圆)GradientPaint。如何实现椭圆GradientPaint

0 投票
1 回答
526 浏览

css - 径向梯度和绝对定位在不同的浏览器中产生不同的结果

我开发了一个带有两个电子开关和两个灯的开关板,它在不同的浏览器中产生不同的结果。

铬输出

在 Chrome 中它运行良好。

点击查看大图

在此处输入图像描述

Safari 输出

按钮的闪亮标签被推到底部

点击查看大图

在此处输入图像描述

火狐输出

径向梯度是 DULL

点击查看大图

在此处输入图像描述

在做跨浏览器平台支持时我有什么遗漏吗?

请有任何建议!任何帮助将不胜感激

请寻找当前版本代码笔链接 它带有评论

0 投票
1 回答
4973 浏览

svg - 来自 d3.scale.category10() 的渐变颜色在 svg 圆上具有不透明度变化?

我正在尝试将color = d3.scale.category10();var 中的颜色应用于圆形 svg 的渐变,我做错了什么?我所看到的只是color = d3.scale.category10();(蓝色)到 0% 不透明度渐变的第一种颜色,但仅此而已。如果我取出渐变,那么我会看到我想要的范围是 1-4?提前致谢!

0 投票
2 回答
3065 浏览

javascript - HTML5 Canvas - 在圆上绘制线性渐变(色轮)

我正在尝试绘制一个圆圈,而不是径向渐变,而是围绕圆圈的线性渐变......基本上,我正在尝试创建一个色轮,它必须是动态的,因为颜色可以自定义.. .但是,我完全不知道如何处理这件事......

我想我可以画出自己的圆圈并给它上色,然后用更大的半径循环这个过程来填充它。但事实证明,这不仅效率极低,而且非常有问题......

这是我的第一次尝试:http: //jsfiddle.net/gyFqX/1/ 我坚持使用该方法,但将其更改为为圆上的每个点填充一个 2x2 正方形。它可以混合多达 3 种颜色,但随后您开始注意到它的失真。

无论如何,我一直在努力,这就是我现在所拥有的:http: //jsfiddle.net/f3SQ2/

我想要完成的是这样的:http: //img252.imageshack.us/img252/3826/spectrum.jpg

“亮度”(白色到黑色渐变)不是问题,因为我知道它可以通过在绘制色谱后使用径向渐变来完成。但是,在弄清楚如何绘制频谱本身时,我将不胜感激。

我什至在想我可以画一个线性的然后弯曲(变换)它,但是没有任何本机函数可以做到这一点,并且处理诸如超出我技能水平的事情。:-/

0 投票
1 回答
5687 浏览

javascript - HighCharts:如何将自定义颜色与渐变相结合

一段时间以来,我正在玩我的饼图的着色...要么我得到了没有渐变的自定义颜色,要么得到了带有渐变的默认颜色......我的颜色存储在我想加载的 php 字段中colors: <?echo $myColors;?>。我的代码的实际状态是这样的(它显示带有渐变的默认颜色):

我应该如何编辑它,以便它以简单的方式显示我自己的颜色?我也没有找到什么是“停止”选项...

0 投票
1 回答
906 浏览

wpf - 跨越多个元素的wpf渐变画笔

假设有一个形状不规则的元素由任意嵌套的其他元素组成:

所有部分都是交互式的(即一个孩子可以是一个真正的控制)。

如何使用跨越所有孩子的单个径向渐变填充孩子的背景(应该看起来好像它的大小为element)。

更新: StackPanel 有一个阴影,应该在孩子周围绘制。

坏的好的

一种可能的解决方案是通过适当的转换生成 Radius 和 Origin/Center 绑定到element's 和child' 属性的渐变,但这种方法会相当复杂和昂贵。

0 投票
1 回答
620 浏览

android - 如何预先分配 RadialGradient?

我在画布上画了一些圆圈。我想对这个圆圈的每一个应用一个径向渐变。我目前正在为每个圆圈分配一个新的渐变,但我猜这不是一个好主意。

知道每个圆具有相同的半径但不同的坐标,是否有预先分配径向梯度的解决方案?

谢谢

0 投票
1 回答
1880 浏览

ios - 绘制椭圆渐变

如何绘制如下图?我在照片编辑工具中创建了这个。但不能用 iOS 真正做到这一点。

  • 椭圆
  • “软角”,在某种程度上它就像一个辐射渐变,只是它不是圆形的。

在此处输入图像描述

https://stackoverflow.com/a/12665177/129202引导我朝着一个好的方向前进,但仿射变换的效果确实不是 100%。

使用的代码:

0 投票
1 回答
933 浏览

transformation - 在 kinetic.js 中变换径向渐变

我想使用 Kinetic.js 对径向渐变应用变换。

例如,我有一个 200x200 的矩形,从中心(白色)到侧面有一个径向渐变。如何仅缩放渐变,使其变为椭圆形而不是圆形,但保持矩形的正方形(和 200x200 大小)完好无损?

0 投票
1 回答
589 浏览

javascript - 如何在 html5 画布中为白色背景创建褪色蒙版

我有一个圆形画布动画,我想淡出边缘。我最终得到的解决方案是创建一个更大的画布,以从透明到背景颜色的径向渐变放在前面。这适用于黑色背景,但我无法弄清楚为什么当我将其设为白色时会出现灰色渐变。

有什么想法吗?