问题标签 [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.

0 投票
2 回答
17875 浏览

javascript - 如何用 Raphael 创建渐变对象

我试图使用 Raphael JS 图形库。我想使用应该接受对象的属性渐变。文档说要参考 SVG 规范。例如,我在 SVG 中找到了渐变对象

但是如何从我的 javascript 中引用它?

不起作用:)提前谢谢

0 投票
2 回答
17221 浏览

c# - 用渐变颜色画一条线

是否可以使用渐变色画线?

我希望能够绘制一条直线或曲线(如果可能),线的一端是蓝色,另一端是红色。

此外,每行可能需要一个以上的渐变,例如颜色从蓝色 -> 绿色 -> 红色。我在想这可能只是由多个绘制在一起的渐变线组成。

0 投票
1 回答
175 浏览

javascript - 生成渐变的片段的奇怪问题

我使用自己的库来做很多东西,最近我决定添加渐变功能,但我遇到了一个我似乎记得不久前也遇到过的问题,这就是我的渐变稍微偏离了附近的问题结束。首先,有问题的代码:

当然,我的图书馆:http ://wimg.co.uk/HJ0X8B.js

在那里玩得开心!: ) 如果您认为您可能能够以任何方式提供帮助,我在渐变片段中使用的自定义函数是 _replace()、chunk()、map()、toBase() 和 fromBase()...正如您将能够在此演示页面中看到的那样,一切都非常有效(至少在 Opera 和 Firefox 中)除了渐变在最后稍微偏离(悬停以显示十六进制值)。例如,调用gradient(50, ['ffffff', 'ffff00', '00ff00'])确实创建了一个长度为 50 的数组,其中包含逐渐从红色变为黄色然后变为石灰的十六进制颜色值,但是最后一种颜色并不完全是石灰(在这种情况下,它是 05ff00);这意味着在数学而不是方法论中有些许偏差。

所以...有人愿意在丛林中跋涉,我觉得代码非常漂亮,可以帮助我找到解决方案吗?非常感谢所有帮助。

0 投票
3 回答
8945 浏览

iphone - CALayer 和 CGGradientRef 抗锯齿?

我对 iPhone 的 CALayer 绘图有一个奇怪的问题。我有一个根层,它添加了一堆代表“气泡”的子层。最终结果应该是这样的:

http://www.expensivedna.com/IMG_0018.PNG http://www.expensivedna.com/IMG_0018.PNG

问题是我似乎无法使图层抗锯齿(注意气泡上的锯齿)。我为气泡 CALayer 覆盖 drawInContext 的代码如下:

}

现在真正奇怪的是,如果我稍微改变绘图代码只绘制正常的红色圆圈,如下所示:

一切似乎都可以抗锯齿:

http://www.expensivedna.com/IMG_0017.PNG http://www.expensivedna.com/IMG_0017.PNG

我似乎无法弄清楚这种看似奇怪的行为。我是否错过了抗锯齿渐变和法线圆之间的一些区别?

多谢你们。

0 投票
3 回答
4837 浏览

wpf - 如何在 WPF 应用程序中绘制色轮?

我开始使用 WPF 并想在表单上绘制色轮。

起初我尝试在 ArcSegment 上使用 LinearGradientBrush,如下所示:

不成功,因为渐变仍然是水平的。

另一个想法是在应用渐变后我必须以某种方式弯曲线。但我找不到合适的变换。

如果没有标准转换,是否可以进行自定义转换?还是我应该按像素绘制色轮?

请有任何想法。

0 投票
1 回答
8079 浏览

core-animation - iPhone SDK:如何使用半透明渐变和投影绘制圆角矩形

我正在尝试通过为我的应用程序手动创建部分 UI(在本例中为图表)在 iPhone 上绘图。本质上,我想绘制一个带有圆角、阴影和半透明渐变的矩形作为矩形的填充。这是我的 Photoshop 模型的屏幕截图: alt text http://img36.imageshack.us/img36/6097/picture1nvf.png

我已经使用 CALayer 创建了一个带有阴影的实心圆角矩形,但是为了让形状和阴影完全显示出来,我必须设置一个不允许我制作的背景颜色半透明渐变是图层的唯一填充。

我已经为此工作了一段时间,并且已经阅读了整个 Core Animation 编程指南,但我还没有取得任何进一步的进展。我觉得答案就在我的眼皮底下。

我错过了什么?

PSI 知道我可能会使用图像文件来完成此操作,但我正在尝试以这种方式进行操作,因为我想学习,并且有一天我想用它来做一些更精美的动画。

0 投票
3 回答
166143 浏览

c# - 获取数据表中行的值c#

我的代码有问题。

但我需要在 xATmax 和 yATmax 下一行的值...有人可以帮助我吗?

0 投票
2 回答
2569 浏览

css - 渐变服务器作为 SVG 中的外部文件

可能重复:
在 SVG 中包含 SVG 文件

SVG 中的 fill 属性接受一个指向渐变/图案元素的 url,即所谓的“绘画服务器”的一个实例。

问题:是否可以在任何浏览器(当然不是 IE)中使用在外部 SVG 文件中定义的渐变?就像,在rect.svg

和对应的<linearGradient />元素grad.svg

这将是非常好的,因为这样就可以将他所有的渐变/图案存储在一个文件中并获得缓存......

干杯,

更新:就其含义而言,这个问题是在 SVG 中包含 SVG 文件的副本(至少 Firefox 已经回答了该问题)。我保持开放,因为我认为标题和标签更有可能被你找到。

0 投票
3 回答
13801 浏览

graphics - 如何计算四色渐变?

如果我在正方形的四个角上有四种颜色(A、B、C 和 D),并且我想用在四种颜色之间完美融合的渐变填充该正方形,我将如何计算点 E 的颜色?

E 越接近任何其他点,颜色对结果的影响就越大。

知道怎么做吗?速度和简单性优于准确性。

颜色 http://rabien.com/image/colours.png

0 投票
2 回答
3300 浏览

wpf - LinearGradientBrushes 中的绝对 GradientStops

如何为myOffset中的 s 指定绝对 s ?GradientStopLinearGradientBrush

我有GridView一个LinearGradientBrush作为背景:

当网格为其默认大小时,渐变的白色区域大约为 60 像素单位高。当我调整网格大小时,渐变会拉伸,白色区域会变大。如何保持白色区域的高度相同,但拉伸其余的渐变?

白色区域对应于网格中的一行,所以如果有一种方法可以使渐变跨越除第一行之外的每一行,那就可以了。