问题标签 [radial-gradients]

出于某种原因，我的 Firefox 在使用 Canvas 时没有显示径向渐变，有人知道为什么吗？（我在其他电脑上没有这个问题）

这是我正在使用的一些代码：

ps：我只在 Firefox 中遇到这个问题（它已更新）

仍然是closest-side一个有效的选择radial-gradient吗？直到 Chrome 的最新开发版本（18.0.1003.1 dev），以下radial-gradient工作：

并产生了这个效果：

现在，在更新到 18.0.1003.1 dev 之后，它正在产生这个：

演示：http: //jsfiddle.net/ThinkingStiff/cn6C8/

Firefox、Safari 和 Opera（带有各自的前缀）仍然可以正常工作。其他三个选项 -closest-corner, farthest-side,和farthest-corner- 仍然按预期工作，因此没有选项。

MDN的radial-gradient页面仍将其显示为正确的格式，并且仍closest-side列为有效选项。我已经确认了这种行为（在下面的评论中），但我在 Chrome 论坛中找不到任何内容。是这个选项被删除还是这是一个 Chrome 错误？

更新（2011-01-16）：我为此创建了一个案例：http
://code.google.com/p/chromium/issues/detail?id=110341 更新（2011-01-20）：案例已分配，但未验证其作为错误的状态。

我上面有这段代码，我刚刚意识到这个渐变是从上到下的。有什么办法让它在 30px 后停止整个渐变。我可以根据需要进行调整，但是如何让渐变在 30 像素后自行完成？

我试图让两个径向渐变渲染在同一个 DOM 元素上，但似乎它们渲染的是两个渐变的交集而不是联合（这是我想要的）。

示例：http: //jsfiddle.net/VUzLS/1/

为了节省一些时间，如果没有重叠，它不会渲染两个渐变，它不会渲染任何东西，因为没有交集。

有没有办法让这呈现两个渐变的联合？

编辑：这应该说明我想要什么。我希望红色椭圆定义的渐变占据整个白色部分，但现在它们只占据红色椭圆定义的区域的交集。

我有以下绘图，它在中心呈现一个全彩色的圆圈，在边缘逐渐消失为 0 alpha。将其绘制到屏幕上时，它看起来很完美。但是，当我在 PDF 上下文 (CGPDFContextCreate) 中绘制相同的东西时，整个圆圈变得不透明。如果我在 PDF 中绘制任何其他常规路径，则 alpha 会呈现罚款。所以只是渐变不起作用。这是一个错误还是我错过了什么？

我在 IE9 中遇到了圆形边框和渐变的问题。渐变溢出圆角边框。

我已经使用了，overflow:hidden;但没有任何效果。有什么建议么？

我想知道如何使用 openCV 2 API 在 3 个随机位置和 3 个随机半径的 3 个随机颜色的径向渐变填充 openCV 垫（图像）？是否有可能在一行代码中？

我正在尝试创建一个类似于这些http://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon的按钮

并希望只用 css 来做到这一点。

我整理了一个快速的 jsfiddle 页面http://jsfiddle.net/ne69E（但我无法让它工作，尽管我确实看到了没有 jsfiddle 的具有相同代码的圆形元素）。

在我花太多时间做这件事之前，我想确保可以在径向渐变上创建线性渐变。我尝试使用背景图像：线性渐变，但这仅适用于 div，而不适用于边框。

你怎么看？可能吗？还是我应该只使用图像？

我正在使用 RGraph，我需要创建带有渐变的圆圈，因此它们看起来是 3D 球体。我创建了一个名为 blob 的新节点类型，并实现了如下代码。但是，渐变应用于整个画布。不知道我能不能解释一下，但是有没有人可以提供帮助？

非常感谢

伊万

我正在尝试在 WPF 中为游戏绘制球形碎片。使用 RadialGradientBrushs 将碎片绘制为椭圆。正如你在下面看到的，我的黑色作品看起来很棒，但是很难让白色的作品有任何深度而不让它们看起来是灰色的。

我目前正在使用：

白色碎片周围的黑色圆圈无济于事，但没有它们，它看起来更糟。（如果我能找到一种更好的方法来绘制它们，我会删除它）