问题标签 [gradient]
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.
iphone - 如何在 iPhone 上创建渐变按钮？
如何在具有 3.0 SDK 的 iPhone 上创建一个类似于以下屏幕截图中的按钮？这是一个按钮，当从 iTunes 遥控器连接到主机 iTunes 资料库时显示。
是编写自定义控件的情况还是股票样式？
iTunes 远程按钮 http://grab.by/grabs/3bbb59936d86da2c95c7afa4c9c78677.png
iphone - 在 UIView 上绘制渐变不适用于后续对 drawRect 的调用：
我正在尝试调试一个真正困扰我的问题。基本上，我有一个 UIView 子类，它根据我在 init 方法中提供的颜色在 drawRect: 中为自身绘制渐变。当视图再次绘制自身时会出现问题。如果我在视图上调用 setNeedsDisplay，或者说视图由于内存不足警告而被删除，并且稍后会重新添加（这也会再次触发 drawRect:），那么视图的背景是完全空白的。我不确定为什么重绘渐变会导致这种情况发生；有人知道可能出了什么问题吗？这是我在drawRect中的代码摘录：
iphone - iphone：从纵向转换为横向后重新调整渐变大小
在viewDidLoad中，我可以毫无问题地创建渐变：
CAGradientLayer *blueGradient = [[CAGradientLayer layer] retain];
blueGradient.frame = CGRectMake(gradientStartX,gradientStartY,gradientWidth,gradientHeight);
其中 gradientWith 被设备定义为适当的 320 或 1024。
我不能做的是在willRotateToInterfaceOrientation内部调整它的大小： - 从而在用户更改为横向模式后摆脱右侧的空白黑色空间。（导航栏和标签栏表现得很好。）
(1) 根据新的中点重新校准梯度的新维度，(2) 使用 kCALayerMaxXMargin，以及 (3) 使用边界看起来都可以完成这项工作。bounds 看起来更直观一些，所以我尝试了一下。
我不想承认我的进步为零。
我会说我已经沦为尝试自我、视图、图层、边界、blueGradient 和 CGRect(gradientStartX,gradientStartY,newGradientWidth,newGradientHeight) 的每一种排列的蛮力方法，但成功率为零。
这并不难。我缺乏理解使它变得困难。那里有人“去过那里，做过”吗？
apache-flex - 线性渐变库
网上有没有一个地方可以找到 16 个相互匹配的线性渐变？我需要它们来制作我的图表，而（由 Flex 生成的）还不够好。
所以，我有点想寻找一个渐变库（在我的例子中是线性的）。
css - 身体上设置的 CSS3 渐变背景不会拉伸而是重复？
好吧，说里面的内容<body>总共有 300px 高。
如果我设置我<body>使用的背景-webkit-gradient或-moz-linear-gradient
然后我最大化我的窗口（或者让它高于 300 像素），渐变将正好是 300 像素高（内容的高度），然后重复以填充窗口的其余部分。
我假设这不是一个错误，因为它在 webkit 和 gecko 中是相同的。
但是有没有办法使渐变拉伸以填充窗口而不是重复？
c++ - 点对点线性渐变？
我想制作一个可以生成点对点渐变的应用程序（就像 Photoshop 一样）。我熟悉如何生成从上到下的渐变，但不是点对点。这在概念上是如何完成的。
谢谢
css - 什么会导致只有一个人的 IE8 出现这种行为？
Stack Overflow 不会让我发布我的整个问题，因为我是一个不受信任的新用户，所以如果您对此问题感兴趣，请访问 http://doctype.com/would-cause-behavior-only-one-persons -ie8
有问题的背景是用单像素、xy 重复、半透明的 PNG 绘制的。
此人的 IE8 将其绘制为从左上角开始向右侧和下方变得更加透明的渐变。
我无法在 IE8/WinXP/VMwareFusion/SnowLeopard 中重现此问题。也无法用 IE7 重现（兼容模式下的 IE8）。也无法用 IE6 或任何其他浏览器重现。
我们正在运行相同的版本——只有产品 ID 不同。
我在 http://en.wikipedia.org/wiki/Internet_Explorer_8#Release_history 确认 18702 是 IE8 的最终发布版本。
即使我不认为它会有所帮助，我还是要求提供 IE8 中的插件列表——这没什么不寻常的。
是什么导致了这个人的这个问题？该人提到它是一台工作计算机，IT人员对事情非常严格。任何工作场所的限制都会导致这种奇怪的行为吗？会不会是显卡驱动问题？
同样，我知道这不是 IE8 问题，因为我有 IE8 并且无法重现它。
我想知道一个人如何改变 IE8——也许是出于安全原因——以便看到这种行为？或者，是什么导致一台特定的计算机以这种方式显示内容？
actionscript-3 - ActionScript 渐变带问题
我在渐变的某些颜色之间出现了一个奇怪的问题。
为了创建渐变，我从中心到边界绘制均匀间隔的圆形楔子，并从循环中的位图线渐变像素填充每个圆形楔子。
我正在创建一个带有 3600 个楔子的圆圈，尽管它看起来不像是基于从红色数字渐变到黄色数字所产生的橙色内的屏幕截图。在红色和黄色之间添加橙色数字无济于事。但如果我只用 360 个楔形创建圆圈，渐变条带会更加明显。3600 可能是矫枉过正，并没有真正添加更多的细节，比如说，制作 1440 楔形的圆圈，但我不知道有任何其他方法可以稍微提升这个条带问题。
有什么想法可以解决这个问题，或者我做错了什么？可能是由circleMatrix旋转引起的吗？
css - 测试 CSS3 径向渐变供应商语法
我遇到了一个问题，我试图根据我指定的值使用 JavaScript 更新元素的背景渐变。
我试过这条路线：
由于 Webkit 和 Gecko 有两种不同的 CSS3 渐变语法，我需要同时指定两者。但是，上面的代码不起作用。如果我只有 Gecko 语法或只有 Webkit 语法，而不是两者都有，它就可以工作。
我认为您可以检查 CSS 渐变支持，但我的问题是，有没有办法检查需要使用哪些语法而无需浏览器嗅探？请记住，我需要以这种方式设置渐变，因为渐变的 x 和 y 坐标会动态变化。
希望这是有道理的，谢谢。
wpf - wpf 中有 MergedGradientBrush 吗？
假设我有两把刷子。
一个是从暗到亮的线性渐变画笔 一个是从暗到亮
的径向画笔。
我怎样才能合并画笔，这样当我应用它们时，我可以同时应用它们。
例如检查这个：
1）http://www.codeproject.com/KB/vista/WindowsVistaRenderer/VistaRenderer4.gif
2）http://www.codeproject.com/KB/vista/WindowsVistaRenderer/VistaRenderer5.gif
我如何（在 WPF/XAML 中）将两者合并到一个渐变中，然后引用它？（这是来自 Codeproject 的 Menendez 先生的图片）