问题标签 [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.
opengl-es - 使用 OpenGL ES 的(径向)渐变填充
我目前正在使用以下代码绘制形状;
我绘制的形状会自行闭合,是否可以用(径向)渐变填充这个形状?如果是这样,该怎么做?
quartz-graphics - 有没有办法将 CGContextDrawRadialGradient 绘制为椭圆而不是完美的圆形?
我需要椭圆形或椭圆形的径向渐变,看起来 CGContextDrawRadialGradient 只能画一个完美的圆。我一直在绘制方形上下文,然后复制/绘制到矩形上下文中。
有没有更好的方法来做到这一点?
谢谢!
css - 需要帮助制作一个 CSS 径向渐变,它可以无缝地流过两个高度或宽度不同的元素
http://jsfiddle.net/nicktheandroid/F8v2c/3/
我正在尝试制作一个在 2 个兄弟元素之间无缝流动的径向渐变 - 从按钮右侧的 10px 或 20px 开始,向下流过“.content” div 的一半左右。
我相信这只需要正确定位两个元素的渐变,因此它看起来像是一个流动的径向渐变,这就是问题所在,我一直在尝试这样做,但我变得沮丧 - 答案可能对其他人有所帮助。
菜单后面有一个背景,所以我不能简单地“白化”下图中“功能”旁边的部分 - 请参阅 jsfiddle。
例如,请参见图像。
css - 做一个径向渐变半径 200px
如何使半径的宽度和高度为 200 像素?我读过这可以以像素为单位完成,但每次尝试都失败了。
javascript - 为什么 createRadialGradient 在 Firefox 上不起作用?
我正在使用 HTML5 和 JavaScript 的 canvas 标签来访问 canvas 方法和属性。
此代码适用于 Chrome,但不适用于 Firefox:http: //jsfiddle.net/thirtydot/BD3xA/。
有谁知道为什么?
css - css3 webkit 渐变旧语法
我一直在尝试使用 css3 径向渐变,并想出了一个漂亮的渐变:
现在,我正在尝试使其跨浏览器。对于旧的 -webkit-gradient('radial') 语法,上述内容的等价物是什么?
UPDATE 简单地说,可以用旧语法画椭圆吗?
css - CSS径向渐变
我遇到了一些 CSS 径向渐变的问题。
我非常简单的原型可以在这里看到http://payment.hvan.lt/pt/。在 Chrome/Safari/Firefox 中,背景渐变显示正确,但是,由于页面没有填充整个屏幕的内容,背景只是停止并且屏幕的一半是白色的。如果我使用重复,那么圆圈也会重复,我会得到我不想要的。
在 Opera 中,渐变背景根本不显示。
我想要做的是,我们可以看到屏幕中间顶部的那个白色圆圈会变成 #e6e6e6 背景到各个方向,并且会填满整个页面,无论内容有多少。
firefox - Firefox径向渐变问题
尝试将径向渐变设置为背景。问题是,所有其他浏览器都显示渐变,而 Firefox 则没有。怎么了?在本网站http://www.colorzilla.com/gradient-editor/上生成此代码(支持 ie9)
ios - 如何向 UIView 添加径向渐变?
我有一个UIView
我想要一个径向渐变,我想知道如何去做这个?
javascript - 绘制无圆形渐变
在 HTML5 中,当我们想通过径向渐变填充形状时,我们使用:
但这填充形状是圆形径向渐变。如何用椭圆径向渐变填充?