问题标签 [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.
css - CSS径向渐变作为模态覆盖背景，如Apple的
我似乎无法正确理解。我想要一个类似于 Apple 的径向渐变叠加，但我所做的一切似乎都没有接近。我希望中心圆的半径为 25%，但半径为 350px。
ios - 如何使用 Core Graphics / Quartz 2D 在 iOS 中制作锥形渐变？
如何使用 Core Graphics / Quartz 2D API 在 iOS 中绘制这样的锥形渐变？
（来源：ods.com.ua）
javascript - 在 HTML 画布上绘制不透明径向渐变并将其用作背景
我正在寻找一种使画布对象看起来像这样的方法：http ://www.onetuts.com/attachments/2010/05/07/1_201005072156152XYem.jpg
渐变应该从 rgba(0,0,0,0.8) 变为 rgba(0,0,0,0.2) 但我没有让画布为 1280x720px。
transparency - createRadialGradient 和透明度
createRadialGradient()我在 HTML5 画布上玩耍。它就像一个魅力，除非我试图实现（半）透明。
我制作了这个 jsFiddle 是为了让事情变得更清晰：http: //jsfiddle.net/rfLf6/1/。
正在发生的事情是一个圆圈（径向渐变）(x, y)用半径绘制，r颜色停止是r和'transparent'。然而，绿色圆圈从绿色变为黑色，而它应该变为透明，即背景圆圈的适当红色。
如何在 HTML5 画布上实现透明径向渐变？
iphone - 如何在 iPhone 上的新 UIImage 上渲染径向渐变
只是想知道如何将径向渐变（点 > 圆）渲染到新的 UIImage（iphone）上。我看到了以下内容：
它让我觉得我需要使用 CGShadingRef 或 CGGradientRef，并使用 UIImage 的“imageWithCGImage”构造函数从 CG* 到 UIImage ......但我不知道如何。
任何建议都非常感谢！
html - 填满整个屏幕？
我在网页上使用径向渐变作为背景，如下所示：
它可以工作，但是当内容没有填满整个页面时，渐变会被切断。如何让<body>元素始终填满整个页面？
safari - 为什么 webkit 径向渐变在 Safari 中不起作用？
这在 Chrome 中有效，但在 Safari 中无效：
如何为 Safari 修复它？
wpf - 圆角矩形上的 RadialGradientBrush
我有一个带圆角的矩形（但不是椭圆），如下所示：
我想使用从黑色到白色的渐变填充。我如何指定它以使填充保持圆角矩形的形状，而不是椭圆？
firefox - 径向渐变的opera和firefox语法
使用 webkit/moz 径向渐变制作各种小插图。我有正确的 webkit 语法和效果.. 但无法正确拨入 moz 或歌剧。Moz 有点长。歌剧是不存在的。
建议？
CSS
css - 透明 png 图像后面的圆形背景
我有一个 div，其中包含大小为 64x64 的背景图像。当用户用鼠标悬停在 div 上时，我想给这个 div 一个圆形阴影或径向背景。
如果我只是给 div 一个盒子阴影，阴影会以方形投射。如果我让 div 有一个半径，那么我需要让我的 div 大于 64x64 以便它不会裁剪？
查看以下示例，该示例说明了我要描述的内容：http: //jsfiddle.net/rNeaZ/2/
第 4 个示例（如上面的链接所示）尤其不适合我所追求的，因为：
- 它的大小比我的 64x64 图像大得多
- 图像现在看起来有一个圆形边框，这不是我想要的；我在它后面的圆形阴影或背景之后