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

0 投票
2 回答
1018 浏览

flash - 使用 Flash 显示 SVG 渐变?

我正在使用 AS3 (Flash)读取 SVG 文件显示它们。问题是正确显示线性/径向渐变。

以下是SVG 中从RedBlue的简单线性渐变示例。

我已经能够从渐变中读取颜色(stop 的样式),以及它们在渐变中的间距(stop 的偏移量)。

好的,所以现在我有了一个很好的渐变颜色正确,它们之间的空间量也恰到好处,但没有旋转或缩放,而且它的位置不正确!.

答案是将矩阵输入到 Flash 的渐变函数中。


方法 1:使用提供的矩阵

SVG提供的矩阵, gradientTransform="matrix(a,b,c,d,e,f)"似乎实际上没有用,因为当您将该矩阵输入 Flash 的beginGradientFill() 函数时,它会显示在形状上拉伸的渐变如此之多,以至于只有渐变的中心颜色可见,就像实心填充一样。


方法 2:使用 2 个梯度点生成矩阵

  • x1, y1标签可能是屏幕上渐变开始的点
  • x2、y2标签可能是屏幕上渐变结束的点。

当我说“2 个渐变点”时,我指的是 x1,y1 和 x2,y2,它们主要告诉您渐变在形状上的哪个位置开始和结束。

有一个Matrix.createGradientBox()函数,它创建一个用于渐变的矩阵,但参数与 SVG给我的参数非常不同。它想要:

  1. 宽度--- 这里使用了 2 个渐变点之间的相对距离(X 轴)
  2. 高度 --- 这里使用了 2 个渐变点之间的相对距离(Y 轴),但得到了不正确的结果--- 也尝试了这里使用2 个渐变点之间的距离,但我不知道在宽度中填充什么!
  3. 旋转角度——使用了 2 个渐变点的角度,以弧度为单位,结果不正确!
  4. 翻译 x -- 尝试了第一个梯度点的 X,也尝试了 0,结果不正确!
  5. 平移 y -- 尝试了第一个梯度点的 Y,也尝试了 0,但结果不正确!

我可以使用哪些 SVG 数据为 Flash 生成渐变矩阵?

(看看上面的 SVG 片段,这就是我描述渐变的所有数据)

0 投票
1 回答
1936 浏览

javafx - 如何在大表面上制作平滑的 JavaFX LinearGradient?

为什么下面的代码会导致块状渐变?即渐变不平滑,您可以看到一些组成它的矩形。

有没有办法来解决这个问题?
顺便说一句,我在 Vista 上运行它,但我也在 Mac 上体验过。

}

0 投票
1 回答
3345 浏览

php - 生成颜色渐变

我有一个想法以编程方式生成匹配的配色方案,但是我需要能够在给定一组两种颜色(十六进制或 RGB 值)的情况下生成线性渐变。

任何人都可以向我提供(伪)代码或指出正确的方向来完成这项任务吗?

编辑:我忘了提,但我还需要指定(或知道)渐变从颜色 A 到颜色 B 的步数。

0 投票
1 回答
1660 浏览

apache-flex - Flex 图表渐变填充

我正在努力重现此图表的渐变填充。是否有工具可以帮助测试填充上的 GradientEntry 属性?

0 投票
2 回答
115 浏览

css - 如何在多个背景中使用供应商属性?

我想在css中使用多个背景,目前Firefox 3.61、Chrome/Safari、据说是Opera10.5(不在gnu/linux上运行)都支持这些背景。它工作正常,但是我想使用线性渐变作为背景。它适用于 Firefox,完全不适用于 Chrome,但我不知道如何让它同时适用于两者。任何线索? http://snook.ca/archives/html_and_css/multiple-bg-css-gradients最接近我需要的东西,但我还不能让它与 chrome 一起工作。

0 投票
1 回答
897 浏览

vb.net - 基于 VB.Net 表单中的渐变的数据网格中的颜色代码行

我有一个网格,其中包含标记有不同优先级的行。我想将高优先级的行染成红色,低优先级的行染成蓝色等。

我想根据数学计算的渐变设置阴影,而不是随意将颜色分配给特定的优先级。如何从沿渐变的单个点提取单一颜色?

0 投票
2 回答
1399 浏览

css - CSS3 背景渐变

我为我正在测试的页面设置了这个类(刚开始尝试实现 CSS3,所以对我来说轻松一点)。

FF 在 PC 和 Mac 上的一切看起来都不错,我知道 IE 不支持这个。

我的问题是关于渐变的:从我上面的渐变来看,渐变是相当平滑的,但我只想要一点蓝色从底部爬升,而不是像我在浏览器上看到的那样淡化。我玩过百分比和数值,但我似乎无法按照我想要的方式进行操作。

我怎样才能得到我想要的效果?

再一次,我想要从上到下大部分是白色的,而底部的蓝色只是一点点褪色。谢谢

0 投票
1 回答
691 浏览

css - IE的CSS渐变高度?

在 CSS 渐变的 webkit 和 moz 供应商特定属性中,您可以指定渐变的高度。IE有类似的东西吗?

例如:

如何在 IE 中指定 3px 高渐变?

0 投票
4 回答
6361 浏览

c++ - 从渐变中获取中间颜色

假设我有一个线性渐变,如图所示:

如何在这个渐变中获得点 QPointF(0, 28.5) 的颜色?

事实上,我希望有这种颜色分布能够选择中间颜色。我不在乎它是通过使用 QLinearGradient 还是其他方式完成的。

0 投票
2 回答
767 浏览

graphics - 我可以在 SVG 中使用正常/钟形混合定义线性渐变吗?

考虑以下 svg 片段:

有没有办法指定颜色应该使用钟形曲线混合在一起?(类似于GDI+ LinearGradientBrush::SetBlendBellShape 方法

下面的两个矩形显示了差异 -左边是没有钟形混合,右边是有钟形混合:

替代文字

还是留给 SVG 渲染器来决定颜色应该如何混合在一起?