问题标签 [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.
flash - 使用 Flash 显示 SVG 渐变?
我正在使用 AS3 (Flash)读取 SVG 文件并显示它们。问题是正确显示线性/径向渐变。
以下是SVG 中从Red到Blue的简单线性渐变示例。
我已经能够从渐变中读取颜色(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给我的参数非常不同。它想要:
- 宽度--- 这里使用了 2 个渐变点之间的相对距离(X 轴)
- 高度 --- 这里使用了 2 个渐变点之间的相对距离(Y 轴),但得到了不正确的结果--- 也尝试了这里使用2 个渐变点之间的距离,但我不知道在宽度中填充什么!
- 旋转角度——使用了 2 个渐变点的角度,以弧度为单位,结果不正确!
- 翻译 x -- 尝试了第一个梯度点的 X,也尝试了 0,结果不正确!
- 平移 y -- 尝试了第一个梯度点的 Y,也尝试了 0,但结果不正确!
我可以使用哪些 SVG 数据为 Flash 生成渐变矩阵?
(看看上面的 SVG 片段,这就是我描述渐变的所有数据)
javafx - 如何在大表面上制作平滑的 JavaFX LinearGradient?
为什么下面的代码会导致块状渐变?即渐变不平滑,您可以看到一些组成它的矩形。
有没有办法来解决这个问题?
顺便说一句,我在 Vista 上运行它,但我也在 Mac 上体验过。
}
php - 生成颜色渐变
我有一个想法以编程方式生成匹配的配色方案,但是我需要能够在给定一组两种颜色(十六进制或 RGB 值)的情况下生成线性渐变。
任何人都可以向我提供(伪)代码或指出正确的方向来完成这项任务吗?
编辑:我忘了提,但我还需要指定(或知道)渐变从颜色 A 到颜色 B 的步数。
apache-flex - Flex 图表渐变填充
我正在努力重现此图表的渐变填充。是否有工具可以帮助测试填充上的 GradientEntry 属性?
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 一起工作。
vb.net - 基于 VB.Net 表单中的渐变的数据网格中的颜色代码行
我有一个网格,其中包含标记有不同优先级的行。我想将高优先级的行染成红色,低优先级的行染成蓝色等。
我想根据数学计算的渐变设置阴影,而不是随意将颜色分配给特定的优先级。如何从沿渐变的单个点提取单一颜色?
css - CSS3 背景渐变
我为我正在测试的页面设置了这个类(刚开始尝试实现 CSS3,所以对我来说轻松一点)。
FF 在 PC 和 Mac 上的一切看起来都不错,我知道 IE 不支持这个。
我的问题是关于渐变的:从我上面的渐变来看,渐变是相当平滑的,但我只想要一点蓝色从底部爬升,而不是像我在浏览器上看到的那样淡化。我玩过百分比和数值,但我似乎无法按照我想要的方式进行操作。
我怎样才能得到我想要的效果?
再一次,我想要从上到下大部分是白色的,而底部的蓝色只是一点点褪色。谢谢
css - IE的CSS渐变高度?
在 CSS 渐变的 webkit 和 moz 供应商特定属性中,您可以指定渐变的高度。IE有类似的东西吗?
例如:
如何在 IE 中指定 3px 高渐变?
c++ - 从渐变中获取中间颜色
假设我有一个线性渐变,如图所示:
如何在这个渐变中获得点 QPointF(0, 28.5) 的颜色?
事实上,我希望有这种颜色分布能够选择中间颜色。我不在乎它是通过使用 QLinearGradient 还是其他方式完成的。
graphics - 我可以在 SVG 中使用正常/钟形混合定义线性渐变吗?
考虑以下 svg 片段:
有没有办法指定颜色应该使用钟形曲线混合在一起?(类似于GDI+ LinearGradientBrush::SetBlendBellShape 方法)
下面的两个矩形显示了差异 -左边是没有钟形混合,右边是有钟形混合:
还是留给 SVG 渲染器来决定颜色应该如何混合在一起?