SVG:用一个线性渐变插值三种给定的颜色
SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML标记语言。它允许开发者使用简洁、可扩展的代码创建丰富的图形，可以无损放大和缩小，并且适应不同的显示设备。
SVG中的线性渐变（linear gradient）是一种渐变效果，可以在一个对象上应用从一个颜色到另一个颜色的平滑过渡。渐变通常用于背景、形状、文本等元素上，为图形提供更丰富的外观。
三种给定的颜色可以通过在SVG中定义一个线性渐变来实现。以下是一个示例代码：
<svg width="200" height="200">
<defs>
<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="red" />
<stop offset="50%" stop-color="green" />
<stop offset="100%" stop-color="blue" />
</linearGradient>
</defs>
<rect width="200" height="200" fill="url(#myGradient)" />
</svg>在上述代码中，<linearGradient> 元素定义了一个线性渐变。id 属性用于标识该渐变，可以在后续使用中引用。x1、y1、x2、y2 属性指定渐变的方向，这里的值表示渐变从左至右。<stop> 元素定义了渐变的颜色和位置，offset 属性指定颜色在渐变中的位置（百分比），stop-color 属性指定颜色值。
在这个例子中，渐变从红色（起始颜色）到绿色（中间颜色）再到蓝色（结束颜色）。通过修改 offset 属性可以实现不同位置和颜色的渐变效果。
SVG的线性渐变广泛应用于图形设计、数据可视化、网页设计等领域。在腾讯云的产品中，Qcloud COS（对象存储）可以用于存储和分发SVG图像文件，通过腾讯云 CDN（内容分发网络）将SVG图像快速传递给用户。
参考链接：
相关·内容
如果我在CSS中定义了一个线性渐变，并且它在屏幕上显示为一个渐变，那么红色的值是否会以恒定的速率变化。(即，对于整个渐变长度，红色是它的导数常数)。同样的问题也适用于绿色和蓝色的颜色分量。
渐变可以是从任何颜色到任何其他颜色。例如，一种颜色可以是#FF4400，另一种颜色可以是#5599FF (随机颜色)。红色分量是线性变化的吗？
浏览 2提问于2012-10-29得票数 1
回答已采纳
下面是两个渐变。
在梯度A中，在线性颜色空间中将颜色从红色插值到绿色。即“伽马校正”。
使用NSGradient在objective-C中的macOS上绘制梯度B。macOS似乎在屏幕颜色空间(sRGB或类似的空间)中插入渐变的颜色。这种渐变的问题是，中点的颜色是暗的和“泥巴”。
在macOS上，使用石英或可可在两种颜色之间绘制渐变，是否可以指定在哪个颜色空间中计算渐变，以在图像上实现更均匀的亮度，如“渐变A”？
(这个应用程序是一个跨平台的绘图框架，需要在Windows、macOS和IOS中呈现一致的颜色)。
浏览 1提问于2020-11-18得票数 1
3回答
我有一个灰度图像，需要用5种颜色的渐变值来绘制。浅色像素应该从渐变中获得较亮的颜色，深色像素应该获得较暗的颜色。
如果渐变以黄色开始，以红色结束，那么白色像素将是黄色，黑色像素将是红色，沿渐变的所有内容都在两者之间。
用ColorMatrix能做到吗？
浏览 1提问于2012-01-13得票数 3
回答已采纳
我有三个点彩色H1，H2和H3，其中每个Hi都有100%的饱和度和值，只有色调变化。换句话说，这些是“彩虹”颜色。
我想使用SVG的梯度函数来“自然”地给三角形上色。换句话说，接近H1的点应该具有色调H1，着色应该是连续的，等等。
这个问题定义明确了吗？真的有这样的(独一无二的吗？)上色？
Minor:我不认为色调是“环绕”的。换句话说，色调.995和.003之间的颜色是.499，而不是.999。
如果这个问题有一个解决方案，它是否可以扩展到使用Delaunay三角剖分对平面上任何一组着色点的凸壳进行“自然”着色？
浏览 0提问于2010-07-06得票数 7
2回答
所以这基本上就是我想要写的方法(在Objective-C/Cocoa中，使用UIColors，但我只对底层的数学感兴趣)：
+ (UIColor *)colorBetweenColor:(UIColor *)startColor andColor:(UIColor *)endColor atLocation:(CGFloat)location;
举个例子，假设我有两种颜色，纯红色和纯蓝色。给定两者之间的线性渐变，我想计算位于该渐变上的33%标记处的颜色：
因此，如果我像这样调用我的方法：
UIColor *resultingColor = [UIColor colorBetweenColor
浏览 1提问于2014-03-06得票数 44
回答已采纳
我有一个rgb值为17，30，62的颜色。我用这个颜色做了一个矩形的线性渐变填充。当鼠标移到矩形上时，我想要更改文本框中的颜色值。有没有什么函数或比率可以通过编程来增加和减少RGB值，然后我就可以用Raphael.rgb恢复颜色了
浏览 1提问于2012-08-24得票数 0
回答已采纳
2回答
我是c++的新手，尤其是与图形相关的。我想为我的图形视图制作一个动画背景，看起来像这样：
这张图片代表了物体上方气流的湍流。颜色必须基于值矩阵。
我只能找到如何使用QT进行单向渐变。
我该如何设置？如何获得双向渐变？
/*edit已经很好地指出，从技术上讲，这不是梯度，而是节点的2d阵列上的颜色插值。*/
浏览 0提问于2013-12-18得票数 2
我有一个正方形，是用两个三角形做的。左上角应该是红色的，右下角应该是蓝色的。现在我想要一个从左上角到右下角的线性渐变。
我不想要右上角和左下角的颜色。我试着给出alpha 0，但这不起作用。我看到了黑色。
float vertices[] =
{
-1.0f, -1.0f,
1.0f, -1.0f,
-1.0f, 1.0f,
1.0f, 1.0f
};
byte maxColor=(byte)255;
byte colors[] =
{
浏览 0提问于2012-06-08得票数 1
1回答
使用Kinect，我从一张桌子上测量双手的高度，并在屏幕上显示由高度比例决定的颜色。例如，如果handProportion = .5，则屏幕将为绿色。在任何其他比例下，屏幕均为红色。然而，我需要绿色平滑地过渡到红色。
我的第一反应是颜色位移位，但这听起来很复杂。如何编写一个函数来根据渐变中的位置值显示该渐变中的颜色？
谢谢!
浏览 0提问于2011-09-06得票数 2
回答已采纳
2回答
我有一个国家的省份地图作为SVG，其中每个省份都是一条SVG路径。实际的SVG是下面的。
我想做的是用一种颜色填充一部分省(路径)，用另一种颜色填充第二部分，用另一种颜色填充其余部分。例如，x轴上33.33%的路径用颜色a填充，33.33%到66.66%的路径用颜色b填充，其余的用颜色c填充。
这个是可能的吗？我已经看到了线性渐变，但我想要的不是渐变，而是纯色。
谢谢!
浏览 2提问于2015-03-30得票数 9
回答已采纳
我正在学习svg，所以：
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
是渐变开始的位置(x1="0%“y1="0%") e渐变结束的位置(x2="100%”y2="0%")
但同时也
<stop offset="0%" style="stop-color:red;stop-opacity:1" />
<stop
浏览 0提问于2015-01-25得票数 1
这可能不是堆栈溢出的完美问题，但是我在stackexchange的图形设计网络中问过这个问题，但是没有得到任何答案，所以在这里发布。我试图用glsl片段着色器编程实现Photoshop的梯度映射。请考虑下面显示的渐变图，其中所有的白色组件都被绿色和黑色替换为蓝色。对于其他颜色组件，Photoshop根据蓝色和绿色之间的线性梯度计算。我知道这个计算背后有一个数学。有谁知道为特定输入颜色值寻找输出颜色的公式吗？
浏览 7提问于2015-06-13得票数 3
回答已采纳
背景
在中，我们可以读到：
用于梯度计算的不透明度值是停止不透明度值和停止颜色值的不透明度的乘积。对于不包含显式不透明度信息的停止颜色值类型，必须将该组件的不透明度视为1。
问题
为什么将stop-opacity: 0设置为100%的梯度停止(例如)，而不是使该梯度停止完全透明？
您可以在下面的代码中看到绿色。
在规范中指向解释这种行为的文本的指针将是非常感谢的。
码
<svg height="150" width="200">
<defs>
<radialGradient id="grad1"
浏览 0提问于2018-11-22得票数 2
1回答
我是opengl的新手，我正在尝试重现这种效果
即，硬编码颜色之间的某种梯度，其中颜色来自某些硬编码位置
我理解基本概念，我已经制作了两个给定颜色之间线性渐变的演示，但这显然是不够的。
#ifdef GL_ES
precision mediump float;
#endif
#extension GL_OES_standard_derivatives : enable
uniform float time;
uniform vec2 mouse;
uniform vec2 resolution;
float lerp(float start, float end, float
浏览 7提问于2018-02-12得票数 0
1回答
如何计算CSS梯度路径？
、、、
当使用线性梯度时，例如
div {
width: 300px;
height: 50px;
background: linear-gradient(to right, blue, red);
}
<div></div>
可以通过不同的路径改变颜色。
在上面的例子中，可以通过线性修改R和B通道来实现，而不触及G通道--但是变化也可能是非线性的(例如，为了提供一种线性感，因为它会更加生理)，或者通过修改G通道来实现(同样是因为对我们的眼睛来说，这似乎是一种更现实的“从红色到蓝色的过渡”)。
linear-gradient 中用来在两种颜色之间切换的公式是
浏览 0提问于2017-01-05得票数 4
回答已采纳
5回答
以编程方式生成渐变？
、、、
给定两种rgb颜色和一个矩形区域，我想在颜色之间生成一个基本的线性渐变。我做了一个快速搜索，唯一能够找到的是，但是示例代码似乎丢失了，或者至少在本文中是丢失的。任何有用的东西，算法，代码示例，任何东西。这将是用Java编写的，但是显示层已经处理好了，我只需要弄清楚如何显示什么。
浏览 0提问于2008-08-26得票数 33
回答已采纳
2回答
使用Javascript (jQuery)，给定两个颜色值(例如2033ff和3300a0 )，我如何确定它们之间的某些渐变色标？
原因是，我打算使用颜色值的数组：
0 => '000000'
8400 => 'f0ff00'
44000 => '2033ff'
68400 => '3300a0'
一天中有86400秒，12:00AM映射到0，11:59 11映射到86399。随着时间的推移，指定元素的背景颜色会通过window.setInterval(function(e){ ... }, 10
浏览 1提问于2011-01-03得票数 2
回答已采纳
1回答
WebGL颜色混合计算
、、、
什么是WebGL颜色混合计算算法？我需要用四边形来画四边形，然后我决定用三面梯度三角形(如)来画，计算四边形的中心，用这样的点来计算四个三角形，得到最好的梯度平滑效果。要做到这一点，我需要通过计算四边形中心的颜色，就像WebGL计算三向梯度填充的颜色一样。这种计算的公式是什么？
浏览 2提问于2012-06-30得票数 1
回答已采纳
1回答
从两种颜色计算中间颜色(从渐变)
、、、、
在我的WPF应用程序中，我有两个颜色对象。我想从我的两种颜色中计算出“中间”颜色。
我的两种颜色是渐变的，我想找中间的颜色。
有人能帮我计算一下吗？
浏览 2提问于2013-04-13得票数 1
在一个简单的hello-world OpenGL程序中，它只是在窗口上绘制一个静态三角形，当我将三角形的3个顶点设置为红色、绿色和蓝色时，三角形将填充渐变。
但是当我像这样使用着色器时：
顶点着色器：
attribute vec4 aVertex;
attribute vec4 aColor;
varying vec4 vColor;
void main(void) {
gl_Position = gl_ModelViewMatrix * gl_ProjectionMatrix * aVertex;
vColor = aColor;
}
其中属性aVertex和aColor
浏览 77提问于2013-08-15得票数 23
回答已采纳
1回答
我可以用三种不同的颜色画三个相邻的矩形，如下所示：
在这里，我可以使用以下三种不同的颜色：
上矩形是从蓝色到绿色的不同颜色。
中间矩形是绿色的均匀颜色。
较低的矩形颜色从绿色到红色不等。
但是我需要一些不同的东西。我想在这三个矩形中使用从蓝色到红色的连续变化颜色。我可以用一个长方形代替三个矩形。但我得用三个长方形。我想要如下：
有可能这样做吗？
注意:可以有可变的长方形数。它是由三个矩形组成的样本。我也可以得到100个矩形。然后，我将从蓝色到红色从上到下的颜色。
实际上，我画了一辆使用很多长方形的汽车。现在我需要用渐变颜色来着色。
浏览 1提问于2015-01-12得票数 2
回答已采纳
2回答
OpenGL可以用颜色的渐变从一边到另一边给矩形上色。我在C++中使用了以下代码
glBegin(GL_QUADS);
{
glColor3d(simulationSettings->hotColour.redF(), simulationSettings->hotColour.greenF(), simulationSettings->hotColour.blueF());
glVertex2d(keyPosX - keyWidth/2, keyPosY + keyHight/2);
glColor3d(simulationSettings->
浏览 2提问于2012-03-05得票数 2
回答已采纳
3回答
我希望我的顶点之间的颜色不是作为一个渐变，而是作为一个硬突破。有没有办法在OpenGL/GLSL中实现这一点？
浏览 0提问于2016-10-07得票数 3
回答已采纳
1回答
我有一个从-1到1的浮点数组。我想得到一个渐变色标红-黄-绿-蓝-紫，其中颜色取决于值的大小(1代表红色，-1代表蓝色，0代表绿色？)。
我应该如何处理这些值以获得其中任何一个的rgb？
浏览 0提问于2017-04-12得票数 0
2回答
我想使用IPP (集成性能基元)函数创建线性渐变，并避免逐个像素的颜色操作。
换句话说，我找不到合适的函数或函数的组合，允许我创建具有渐变R0到R1，G0到G1，B0到B1 (初始和最终RGB值)的RGB图像。我可以通过循环每个像素和设置颜色来手动创建它，但我希望有更优雅(和快速)的方法。
浏览 2提问于2010-09-02得票数 0
回答已采纳
1回答
说我需要三种颜色之间的线性梯度。
rgb(255, 000, 000)
rgb(255, 255, 000)
rgb(000, 255, 000)
如何计算给定长度的单条直线的线性插值？因此，下面是一个简单的行，如.
如何创建一个函数，给定一个列表/颜色停止数组，从输入输出所有插值颜色值的另一个数组？
上面的图像对我来说是可用的，但我需要能够生成这些RGB数组，并在输入长度上设置多个颜色停止。
或，另一个选项是基于颜色停止数组和沿一条线的点返回单个颜色示例的函数。
该函数如下所示：sample(stops[rgb...], point, length)
我试了几次，但都放弃了，因为我
浏览 1提问于2017-07-10得票数 1
下面是我用SolidBursh绘制一条线的代码：
Brush aGradientBrush = new SolidBrush(Color.Black);
gdPrintImage.DrawLine(new Pen(aGradientBrush), 20, 20, 20, 100);
但看起来线条并不是真正的纯色，请检查图片：
颜色类似于渐变。
浏览 0提问于2012-11-26得票数 0
回答已采纳
1回答
Apple已经使制作线性和径向渐变变得非常简单，但是否可以通过可定义的函数来设置渐变的颜色？在我的情况下，我想让对象的填充颜色随x轴上的正弦函数而变化。制作pngs并将其用作模式并不难，但我只是想知道是否有可能使红色、绿色和蓝色分量沿特定轴变化的梯度，而不是使用正弦函数。
任何答案都是值得感谢的。提前谢谢。
浏览 4提问于2015-06-21得票数 4
我有一个矩阵的颜色值均匀地分布在一个网格之间，在它们之间有一些像素。就像这样：
r _ _ g _ _ r ......
_ _ _ _ _ _ _ .....
_ _ _ _ _ _ _ ....
b _ _ r _ _ g ....
_ _ _ _ _ _ _ ....
_ _ _ _ _ _ _ ....
g _ _ b _ _ r ....
. . . . . . . ....
. . . . . . . ....
. . . . . . . .....
如何在Qt C++中构造/绘制/绘制在颜色之间平滑过渡的渐变？我应该使用什么工具来实现这一点？
我觉得如果我在下面的矩形中插值颜色值
浏览 8提问于2022-04-11得票数 0
回答已采纳
5回答
给定两种rgb颜色和一个矩形，我可以创建一个基本的线性渐变。这个很好地解释了如何创建它。但是我想在这个算法中再增加一个变量，角度。我想创建线性渐变，在那里我可以指定颜色的角度。
例如，我有一个矩形(400x100)。从颜色是红色(255，0，0)，到颜色是绿色(0,255，0)，角度是0°，所以我将有以下的颜色渐变。
假设我有相同的矩形，从颜色到颜色。但这次我将角度改为45°。所以我应该有下面的颜色渐变。
浏览 3提问于2014-03-24得票数 15
1回答
用jquery填充梯度SVG
、、、、
有没有办法用两到三种渐变颜色填充SVG？使用下面的方式，我可以用一种颜色填充一个特定的SVG路径。径向梯度是可以使用的，但不能处理动态方法。颜色需要在SVG代码中定义。因此，我希望使用两到三种颜色作为渐变填充SVG路径，如下所示，使用jquery。是否有可能使用插件来做到这一点？
$("#canvas-area").click(function (event) {
$(event.target).css('fill', _'#000');
})
浏览 3提问于2018-01-06得票数 3
回答已采纳
5回答
我使用下面的公式从colorA到colorB得到一个很好的颜色渐变，但我不知道如何对3种颜色做同样的事情，所以渐变从colorA到colorB再到colorC
colorT = colorA * p + colorB * (1.0 - p);，其中"p“是从0.0到1.0的百分比
谢谢
浏览 0提问于2011-03-23得票数 5
回答已采纳
1回答
我希望在C++/RealBasic中实现一个函数，通过参数创建一个颜色梯度：
图像的宽度和高度
2种渐变颜色
梯度的角度(方向)
梯度强度
下面的链接显示了一些所需输出映像的示例：、
我已经找到了多个例子，但它们只给我垂直和水平梯度，而我想指定的角度和强度也。
有人能帮帮我吗？
P.S.：我对几何学只知道一点点！
浏览 4提问于2016-09-29得票数 0
回答已采纳
1回答
我正在使用javascript中的Sankey图表(在react应用程序中)，并希望Sankey中的节点具有基于其x，y坐标的渐变。
例如，在下面这样的图表中，x轴向右，y轴向下，我想在原点指定一个起始色，并可能在max x值处指定一个停止颜色，在max y值处指定一个停止颜色，并且有一种方法可以为给定(x，y)对的平面中的每个点生成颜色。
(origin)
|-------> x coordinate
|
|
v
y coordinate
那么，有没有一个梯度公式(get_gradient)可以通过以下方式在Sankey中使用？
node.append("rect")
浏览 1提问于2017-05-16得票数 0
1回答
我试图从一个网格的细分计算一个正常的地图，有两个网格--一个UV展开的基网格，包含四边形和三角形，一个细分网格，只包含四边形。
假设i在目标空间和UV空间中都有一个顶点坐标的四角点(四边形不是平坦的)，这个四角体的脸是法线的，它在UV空间中的位置是一个像素。
我可以为给定的四角体计算TBN矩阵并将颜色写入像素中吗?如果是这样的话，那么对于四角体是否不同？
我问这个是因为我找不到任何例子来计算四边形的TBN矩阵，只是三角形？
浏览 2提问于2017-11-08得票数 1
回答已采纳
我在一个纹理地图集上呈现了多个符号，其背景是完全透明的(纹理地图集图像获得了α通道，RGBA格式)。在此之后，我使用纹理地图集来绘制所有的符号，只要这些符号出现在纹理上。
问题是当呈现的符号没有旋转时，一切都很好。然而，符号颜色似乎是不正确的，当它被旋转。
如下图所示:左箭头符号未正确旋转和呈现。旋转的右边符号的边缘的颜色发生了某种变化。
是什么原因造成的？
编辑：
正如@BDL所建议的，我将参数更改为：
glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST );
glTexParameteri( GL_T
浏览 0提问于2017-02-21得票数 1
如何在iOS 5的特定位置获取渐变中的颜色？我有一个从红色到绿色渐变的垂直条，左边是一个三角形，显示了条中的位置。如何用该位置的条形颜色填充三角形？我想在Mac中是"interpolatedColorAtLocation“，但是iOS 5呢？
谢谢你的帮助。
浏览 2提问于2012-01-22得票数 0
回答已采纳
我正在为大数据创建一个sunburst。为了使其更具可读性，我需要为每个节点分配不同的颜色(理想情况下，相同颜色的不同阴影适用于每个子树)。
我已经尝试过了：
d3.scaleSequential()
d3.scale.ordinal()
d3.scale.category20c()
我认为它可以工作，但我不确定它具体放在哪里。目前，它只对每个子树使用一种颜色。
var width = 500;
var height = 500;
var radius = Math.min(width, height) / 2;
var color = d3.scaleSequential().
浏览 0提问于2019-06-10得票数 0
我试图提取沿着它的轮廓的脉搏的曲率(见下图)。脉冲是在一个长度和高度的网格上计算的:150个×100个单元，使用有限差分，在C++中实现。
我提取了所有具有相同值(等高线/水平集)的点，并在下面的图片中将它们标记为红色连续线。其他颜色可以忽略不计。
然后，我试图通过以下方法从这条已经噪声很大的轮廓线(由于网格离散)中找到曲率：
(移动平均数已经适用)
1)切线曲率
P点处直线的曲率由以下几个方面定义：
因此，曲率是P和N之间的角三角形的石灰，因为我的点之间有一定的距离，所以我无法对石灰进行足够的近似，从而不能正确地计算出曲率。我用一个圆圈来测试它，它自然有一
浏览 2提问于2012-11-04得票数 23
3回答
如何计算四色渐变？
、、、
如果我在正方形的四个角上有四种颜色(A，B，C和D)，我想用一个在四种颜色之间很好地混合的渐变来填充那个正方形，我该如何计算点E的颜色呢？
E越接近任何其他点，该颜色对结果的影响就越强。
你知道怎么做吗？比起准确性，速度和简单性更受青睐。
浏览 0提问于2009-07-09得票数 15
回答已采纳
这似乎是一个非常基本的问题，但我想知道当我用y值绘制x值时，在场景后面用什么插值技术来显示离散数据是连续的呢？请考虑以下示例：
x = 0:pi/100:2*pi;
y = sin(x);
plot(x,y)
我猜是拉格朗日插值吗？
浏览 9提问于2015-02-07得票数 2
回答已采纳
1回答
具有不同渐变颜色的可重用SVG
、、、、
根据我的要求，我需要成型的路径，其中我需要应用不同的渐变颜色。举个例子，我拿了一个圆，试着做同样的事情。
代码如下：
.box--blue{
fill: blue;
}
.box--red{
fill: red;
}
<div>
<svg>
<defs>
<linearGradient id="Gradient2" x1="0" x2="0" y1="0" y2="1">
<stop offset="
浏览 2提问于2017-08-03得票数 3
回答已采纳
我目前正在使用以下代码绘制一个形状；
GLfloat vertex = // vertex points
glLineWidth(2);
glEnableClientState(GL_VERTEX_ARRAY);
glColor4f(1.0, 0.0, 0.0, 1.0);
glVertexPointer(2, GL_FLOAT, 0, vertex);
glDrawArrays(GL_LINE_STRIP, 0, vertex_size);
glDisableClientState(GL_VERTEX_ARRAY);
我画的形状会自动闭合，可以用(径向)渐变填充这个形状吗？如果是这样的话
浏览 0提问于2011-07-14得票数 5
回答已采纳
2回答
我正在尝试写一个程序，在Adobe Illustrator中创建的两个形状之间使用javascript步进。我可以通过将图形导出为SVG然后使用Raphael.js来实现：
然而，两个形状之间的插值看起来相当糟糕。我从 那里了解到，最好使用使用b样条曲线的算法进行插值，并在适当的地方添加或减去顶点，我假设拉斐尔使用的SVG标准不这样做。我想知道是否有可能用d3.js来实现这一点，因为我注意到它的SVG文档中有插值选项，而"basis“似乎使用了b样条。我的jsfiddle可以通过适当的插值在d3中完成吗？
或者，有没有更好的方法来解决这个问题呢？我使用SVG可能走错了路，因为生成的路
浏览 4提问于2012-08-09得票数 3
1回答
我在散点图上用彩色刻度在圆圈上有一些困难。
我为建立天平所做的是：
var color = d3.scale.ordinal()
.domain(d3.extent(dataset, function (d) { return parseFloat(d.Weight); }))
.range(["#D6F5D6", "#ADEBAD", "#84E184", "#5BD75B","#32CD32"]);
然后将颜色应用于以下圆圈：
.attr("fill
浏览 1提问于2013-12-15得票数 1
回答已采纳
1回答
如果你有一个网格上的值，并且你想在其中一个单元格中找到一个点的值，你可以使用双线性或双三次插值等技术来得到那个点上的数据。
如果网格上的数据是向量(特别是表面法线)，将使用什么技术(S)？
我知道四元数对变细是很好的，在这种情况下，我认为做一个“双线性细数”是很好的，但是四元数需要表示一个方向的基向量，而不仅仅是一个向量。
另外，我不知道你怎么用四元数来应用像双三次插值这样的东西。
在这种情况下，在网格上插值向量有什么好的方法？
浏览 0提问于2016-02-19得票数 5
回答已采纳
我一直无法使它工作，我不确定这是否是我的代码的问题，或者这甚至可以做到。我确信有一种方法可以从数学上证明它是否是可能的，但我也不知道如何处理它。
我试着在一个圆形上做一个渐变填充，中心像素是蓝色的，边缘的所有点都是红色的。圆圈内的每一个点将是这两种颜色的混合，基于它们与中心的距离。
考虑一下这个例子：
📷
我已经沿着圆圈的边缘画了每一个点，我可以画出来来填充它。为了在西南象限做一个梯度，我想我可以在A->B之间线性插值，形成一个梯度，然后画一条C->D线，从红色开始到A->B之间的颜色插值。
这是否等同于利用每个点与原点之间的距离来线性插值颜色？
更新
对于那些对这个近似是什
浏览 0提问于2019-10-08得票数 0
回答已采纳
如何在Matlab中创建颜色渐变，以便绘制y=y(x)的二维线图，并使用也取决于x的另一个变量对其进行着色，例如z=z(x)。散点图或点图对我来说也没问题。
我也希望有一个颜色图图例之类的东西来显示颜色渐变和它对z的实际表示。这种东西在可视化工具中很常见，比如VisIt和ParaView，但我还不能在Matlab中弄明白。
浏览 0提问于2017-08-08得票数 6
1回答
在创建渐变之后，有没有办法在特定的停靠点找到颜色。 Gradient g = SweepGradient(
center: FractionalOffset.center,
startAngle: 0.0,
endAngle: math.pi * 2,
colors: const <Color>[
Color(0xFF4285F4), // blue
Color(0xFF34A853), // green
Color(0xFFFBBC05), // yellow
Color(0xFFEA4335), // red
Color
浏览 23提问于2020-07-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
