问题标签 [radial-gradients]

我正在制作一个自定义控件，直到我的客户说“我想要渐变”之前它都很好。所以我在这里。我需要画一个角度并用渐变色填充它。我之前的代码是这样的：

使用 CGContextAddArc() 函数，我可以绘制我的角度并使用 CGContextSetFillColorWithColor() 函数绘制它，然后关闭路径并瞧瞧。但现在我需要用渐变来绘制。我知道也许我应该使用 CGContextDrawRadialGradient，但不知道如何将它与弧一起使用。我已经尝试通过 StackOVerFlow 中的其他问题和阅读文档来解决这个问题，但我就是无法理解。

我有一个 HTML5 页面，其背景为：

这工作正常，直到页面变长（15000 像素左右），此时背景在 Firefox 上完全消失。

寻找其他地方为我提供了两种不适用于此的解决方案。他们将使用 html & body height 100% 或 background-attachment:fixed。两者都将渐变高度与视口匹配，而不是文档高度。

这适用于较短的页面，但在较长的页面上会中断 FF。有没有我可以在不重组我的html的情况下使用的CSS技巧？

我在 Android 上的 Canvas 中画了一个简单的圆圈。现在我需要用一些渐变色填充它，但它们并不是很平滑。这就是我所做的：

这是结果：

我的问题是：是否有某种方法可以制作 HQ 径向渐变？

结果如下

但我需要下面的结果。我该怎么做？

第一个问题。我有工作代码可以在文件的其他位置进行此移动——这不是问题。问题是如何创建可以移动的径向渐变（API 16 以下）。

先发制人，我在这里花了很多时间：

http://developer.android.com/reference/android/graphics/drawable/GradientDrawable.html

使用 GradientDrawable（如下），似乎没有办法在不设置非径向方向的情况下设置颜色。

还有这个：

http://developer.android.com/reference/android/graphics/RadialGradient.html

但似乎没有办法移动那个梯度。您可以将径向渐变放在某种可以移动的透明圆圈上吗？我不知所措。提前致谢。

任何人都可以解释我，最好用说明性图片，这些方法是如何工作的？我查看了不同的示例和教程，但似乎无法理解这个想法。我知道，createRadialGradient()创建了两个圆圈，但是这两个圆圈如何相互关联以及addColorStop()方法？

作为参考，请参阅这个问题：Chrome 径向 css 渐变平滑度。

OP 在渐变的平滑度方面遇到了问题，但从讨论看来，这似乎只是在使用 alpha 透明度时。

这是我正在使用的渐变：

如您所见，它使用硬停止（所以没有颜色过渡）和没有rgba（所以也没有 alpha）。尽管如此，在 Chrome 中（在 Windows 7 上进行了 23 次测试），它仍呈现出极度像素化：

这只是 Chrome 处理这些事情的方式，还是我错过了什么？有什么办法可以使它平滑一点（显然，不使用图像）？

这是小提琴：http: //jsfiddle.net/wARGc/

更新： 我为此提交了一个错误报告。

我正在使用 Chrome 版本 24.0.1312.25 beta-m，并且我正在尝试为一个小型站点获取径向渐变，它似乎无法在 Chrome 中正确显示。

我正在使用的 CSS 是：

使用 HTML：

它显示为：http: //i.imgur.com/GCWyF.jpg

首先，它不是径向的。其次，如果你仔细观察，中间有一条带子。

有谁知道为什么会发生这种情况以及我能做些什么来让它发挥作用？

我正在使用 NSBezierPath 对渐变进行一些测试，并在径向渐变方面取得了一些进展。看第一张照片。但是，我想知道是否可以制作如图 2 所示的角度渐变。

有人做过吗？

蒂亚，罗纳德

有没有办法创建一个从矩形div元素以圆形辐射的盒子阴影？所以就像一个规则的阴影，除了圆形。