2回答
嗨，我正在处理highcharts的渐变颜色，当我有多条线的时候，渐变的颜色仍然是蓝色的，它会显示基于图例的颜色，我已经尝试了很多方法，但都不起作用，Js Fiddle link [1]: https://jsfiddle.net/GnanaSagar/0etnkqa7/2/
浏览 38提问于2019-02-16得票数 1
1回答
我在画布上画了很多带有渐变的线条，我是这样画的，还有一个js小提琴链接。
var canvas = document.getElementById('c');
var context = canvas.getContext('2d');
context.fillStyle = "rgb(255, 255, 255)";
//draw lines
for (i=1;i<canvas.height;i++){
if(i%100 == 0){
//a line
// linear gradient f
浏览 1提问于2013-01-02得票数 0
回答已采纳
1回答
数据中的渐变颜色属性
、、、、
我正在尝试使用granim.js插件从data-attribute中获取渐变颜色；
<canvas id="canvas-basic" class="granim" data-granim-opacity="[1, 1]" data-granim-colors="[ ['#AA076B', '#61045F'],['#02AAB0', '#00CDAC'],['#DA22FF', '#9733EE'] ]"></can
浏览 12提问于2017-07-01得票数 0
2回答
我正在开发一个艺术应用程序，我希望能够绘制一个渐变作为颜色。例如，如果我一直在直线或圆圈中绘制，我希望渐变重复一遍又一遍。现在，当我绘制时，渐变被隔离到屏幕的一侧，但我希望能够在任何地方使用渐变进行绘制。
我已经包含了绘图函数和颜色变量以供参考。
HTML
<canvas id="canvas"></canvas>
JS
window.addEventListener('load', () => {
const canvas = document.querySelector('#canvas');
浏览 4提问于2020-06-25得票数 0
1回答
我试图在javascript中直接使用paper.js：
无法使渐变工作。而不是颜色梯度，这条线只是看起来是黑色的。所有形状都会出现这种情况，所以我很确定我设置的paper.js不正确。任何帮助都将不胜感激！
下面是一个代码块示例：
paper.install(window);
window.onload = function() {
// Setup directly from canvas id:
paper.setup('myCanvas');
var path = new Path();
path.strokeColor = {
浏览 5提问于2022-01-27得票数 1
回答已采纳
2回答
我正在使用chart.js库制作一个线条图，这里我想将线条的颜色更改为渐变颜色。
我试过的密码，
const gradientFill = ctx.createLinearGradient(500, 0, 100, 0);
gradientFill.addColorStop(0, "#80b6f4");
gradientFill.addColorStop(1, "#f49080");
并在dataSets中添加，
datasets: [
{
.
.
.
.
backgroundColor: gradient
浏览 6提问于2021-12-24得票数 1
回答已采纳
我尝试了在android中给文本渐变颜色的可能结果。我使用下面的javascript来为文本显示渐变颜色。但是，它在android中不支持。有没有人有一个解决方案，可以使用HTML/CSS为文本提供渐变颜色，并在android中支持？
<canvas id="canvas" width="250" height="400"></canvas>
<script type="text/javascript">
var canvas = document.getElementById(&
浏览 2提问于2012-08-22得票数 0
1回答
我有一个梯度，比如绿色到红色，从0到100不等。我需要查找任何给定值的渐变颜色。目前，我正在画布上画一条线，填充它，拍一张快照，并使用像素阅读器获得颜色。有谁知道更好的方法吗？对我来说似乎太过分了。
代码的一个简单版本：
private Color getColor( double value) {
Canvas canvas = new Canvas(100, 1);
GraphicsContext gc = canvas.getGraphicsContext2D();
Stop[] stops = new Stop[] { new Stop(0, Color.G
浏览 4提问于2015-03-10得票数 2
回答已采纳
2回答
我希望这篇文章不是重复的。
我想画一条线，如图所示，它可能有不同的线宽和渐变。我尝试了createLinearGradient，但它并不是我所期望的。我应该用图片代替吗？或者我如何呈现上面的线条？
我可能会和PixiJS一起工作。
更新:我现在可以生成渐变颜色的线条了，但是如何创建动态宽度的线条呢？
$(function() {
var canvas = document.getElementById("canvas"),
ctx = canvas.getContext("2d"),
painting = false,
浏览 20提问于2017-08-21得票数 4
回答已采纳
1回答
我正在使用面料js，需要使渐变颜色。
交换矩阵JS小型机
参考画布渐变
请指导我的织物js来实现像使用普通画布一样的渐变。
Fabric JS :+Snap of code
rect.setGradient('fill', {
x1: 0,
y1: -rect.height,
x2: rect.width,
y2: rect.height,
colorStops: {
0: "black",
0.5: "red",
1: "blue"
}
});
Normal Canvas Co
浏览 1提问于2014-10-31得票数 0
2回答
我正在开发一个应用程序，它必须绘制320垂直梯度线在肖像iPhone屏幕上，其中每个梯度线是1px或2px宽(非视网膜与视网膜)。每条渐变线有1000个位置，每个位置都可以有唯一的颜色。这1000种颜色(浮点数)位于C风格的2D数组中(数组的数组，1000种颜色的320个数组)
目前，渐变线是在自定义UIView的drawRect方法内的For循环中绘制的。我遇到的问题是，在For循环中循环并绘制所有320条线所需的时间超过一秒。在这一秒内，我有另一个线程正在更新颜色数组，但由于绘制时间超过一秒，所以我不会看到每一次更新。我看到每隔一秒或第三次更新。
我在我的Android代码中使用了完全相同
浏览 4提问于2014-01-16得票数 0
2回答
我在我的自定义WordPress主题中使用了fullPage.js。我想将背景颜色更改为渐变，但我不知道如何禁用默认的背景颜色。
由于WordPress的原因，我使用循环来创建页面。
计数器从0开始，并根据使用的页面进行累加。每个页面都有一个名为section的id和计数过的数字。所以id="section0"
在我的样式表中，我添加了带有ID名称的渐变。
#section0{
background: -webkit-gradient(linear, top left, bottom left, from(#4bbfc3), to(#7baabe));
back
浏览 2提问于2018-05-07得票数 0
1回答
我想使用选项字段更改折线图的网格颜色，但我不知道从哪里开始。我首先尝试使用渐变来改变画布的背景颜色，但是效果不好。
canvas{
background:linear-gradient(top, #ea1a07 0%, #f4b841 75%,#f2dd43 100%);
}
然而，我没有得到我想要的，因为正如你在上图中看到的，不仅网格着色了，而且x值，y标签和图表图例也着色了。
我的chart.js选项是
options = {
scales: {
xAxes: [{
gridLines: {
col
浏览 8提问于2017-03-30得票数 4
回答已采纳
我想要创建一条没有任何阴影和渐变的线。
我尝试创建一个带有颜色的简单容器，如下所示：
return Container(
height: 200,
width: 100,
color: Colors.white,
child: Center(
child: Container(
height: 3,
color: Colors.red,
),
),
);
但我得到的结果是：
放大后，我们看到它包含到背景颜色的渐变：
我应该做什么来
浏览 3提问于2022-05-31得票数 0
1回答
我想在画布背景上应用渐变。(有些文字写在画布上，就在前面)我在画布上加了同样大小的笔划&在那条直线上加渐变。
var rect = new fabric.Rect({
left: 0,
top: 0,
width: canvas.width,
height: canvas.height,
selectable: false
});
canvas.add(rect);
canvas.sendToBack(rect);
re
浏览 1提问于2015-09-04得票数 1
回答已采纳
2回答
有没有办法在D2007中使用Canvas.FloodFill用渐变颜色填充自定义形状的对象。从白色变为边框颜色。我在谷歌上找不到有用的东西。
或者只是用渐变颜色填充自定义形状对象的任何其他方法？
谢谢。
浏览 10提问于2011-05-10得票数 3
我需要一条沿着路径改变颜色的线(如果这样更容易的话，可以用一个方向上的线性渐变来近似)。
是否可以绘制CAShapeLayer的路径，使其具有颜色渐变？
浏览 1提问于2010-07-02得票数 1
回答已采纳
1回答
我正在使用Core Plot绘制散点图。这些点(按顺序排列)由线段连接。我需要可视化直线方向(它可能会重叠或交叉)。我已经能够将每个点设置为从暗到亮的不同颜色，如下所示：
和
我也想让这条线从第一个点到最后一个点以线性的方式改变颜色。我如何使用CPTGradient来做这件事？
浏览 2提问于2015-03-25得票数 0
1回答
我尝试编写自己的简单函数来绘制渐变(只有灰色)，使用非常简单的方法(绘制线条序列)，但实际上代表渐变的矩形的颜色始终是统一的颜色(我认为它是循环中的最新颜色)。你能给我解释一下为什么吗？代码如下：
import Tkinter
class testGUI:
def __init__( self, root ):
C = Tkinter.Canvas( root, bg = "blue", height = 250, width = 300 )
self.drawGradient( C, 10, 10, 100, 50 )
浏览 0提问于2013-05-28得票数 2
回答已采纳
2回答
我只是在css中使用线性渐变，顺便说一下，生成的渐变效果与设计不同。我从未在安卓、iOS、React Native或HTML5 canvas中遇到过这个问题，但只在css上遇到过。
.gradient {
background-image: linear-gradient(to right top, red, blue);
}
我已经弄清楚了css的linear-gradient和canvas的create createLinearGradient之间的区别。请检查此。
上面是css渐变，下面是画布渐变。正如你所看到的，画布的createLinearGradient运行良好，但是
浏览 0提问于2019-08-28得票数 1
1回答
我需要动态应用渐变颜色到一个位图(它看起来像一个划痕与一些透明的部分)，这将绘制在另一个位图：。
这是我的代码：
Bitmap bitmapbackground = bitmaporiginal.copy(bitmaporiginal.getConfig(), true);
Bitmap bitmaptocolor = BitmapFactory.decodeResource(activity.getResources(), R.drawable.scratch);
LinearGradient gradient = new LinearGradient(0, 0, 0, bitmapto
浏览 0提问于2018-09-12得票数 1
我想使用‘线渐变-停止-颜色’和‘线-梯度-停止-位置’能够添加一些颜色梯度到我的图形边缘根据一些数据。我看到了这些样式还没有包含在主要的细胞角版本中，所以我需要在github上使用‘不稳定’分支。根据注释，我应该能够得到分支并进行构建。我能够让分支完成(然后，我可以在node_modules上看到)
npm install git://github.com/cytoscape/cytoscape.js.git#unstable --save
但是，如何进行构建，以便在vue应用程序上使用此版本？我该怎么进口呢？谢谢!
浏览 0提问于2018-10-03得票数 0
回答已采纳
1回答
我生成了一个带有CSS3样式()的渐变柱，现在我想要那个色条中特定位置的颜色值(x和y)。据我所知，没有直接的方法可以做到这一点。
我认为有两种选择：
在JavaScript中实现梯度算法，并从零开始求值。这个算法对多种颜色有确切的定义吗？在每个浏览器中，渐变看起来都一样吗？
使用canvas和createLinearGradient方法绘制渐变，并直接访问画布以获得颜色值。
还有其他选择吗？
浏览 3提问于2013-03-27得票数 7
回答已采纳
有没有办法让背景渐变从左到右，从深红色到浅红色(就像是一个例子)，同时也可以从顶部100%不透明度到底部0%不透明度的渐变？
它不同于对角线渐变，它是一种在X轴上有颜色，在Y轴上有透明度的渐变。
我一直在试着看我能不能做到，但我想不出一个办法。
编辑
这是我所拥有的照片。这只是bootstrap的一个模板。
正如你所看到的，我有一个从左(深红色)到右(浅红色)的渐变。
我还希望整个元素在底部淡出为白色，以便此部分的截止点不是突然的，而是逐渐的。
正如你在这里看到的，使用对角线解，左边的边缘仍然非常锐利。我想要的是整个底部褪色为白色，即Y轴上的透明度渐变，而X轴上仍有从左到右的颜色渐变
浏览 8提问于2018-07-12得票数 4
回答已采纳
我有一个带有弯曲边的xamarin Android按钮(边框半径)。我想把颜色做成渐变。
如果我试图通过绘制画布(作为自定义渲染器)来实现它，它将通过重写ButtonRenderer的DispatchDraw函数而消失弯曲的边缘，如下所示。
protected override void DispatchDraw(Canvas canvas)
{
var gradient = new Android.Graphics.LinearGradient(0, 0, Width, Height,
this.StartColor.ToAndroid(),
this
浏览 0提问于2018-04-27得票数 2
回答已采纳
我正在使用Chart.js (http://www.chartjs.org/docs/)来绘制图表。我的类型图表是条形图。 X轴的标签有4条线。我更改了X轴值的颜色。值的颜色是一种颜色。但是我希望每种颜色都有一条线，颜色和条形颜色一样。 var barChartData = {
labels: [["Injection", 10, 20], // here I want to change the color
["Electronics", 5, 15],
["TOTAL", 15, 35]
],
浏览 14提问于2019-02-05得票数 0
1回答
我正在寻找一种解决方案，在画布上手绘一条带有渐变的线，如下所示： ? 我已经找到了这一点，但是渐变似乎被“锁定”在背景上，并且没有跟随这条线。 window.addEventListener('load', ()=>{
resize(); // Resizes the canvas once the window loads
document.addEventListener('mousedown', startPainting);
document.addEventListener('mouseup', stopPai
浏览 22提问于2021-07-08得票数 0
1回答
我想实现与渐变背景颜色的多个圆圈线的横幅设计。我对此做了更多的研究。我找不到与我关心的问题相关的问题。 ? Bellow代码用于创建纯色背景横幅。 .blue-cross-banner{
background: #0FA2EB;
border-radius: 30px;
padding: 4em;
margin: 1em;
} 我不能上传svg格式的横幅。它显示圆形线条的渐变阴影颜色。我在这里https://css-tricks.com/gradient-borders-in-css/找到了一些与我的问题相关的东西。但这对我的担忧没有帮助。 #grad
浏览 34提问于2020-09-30得票数 2
回答已采纳
我是Adobe XD的新手，我试图为正方形上的每个部分填充不同的颜色，其中正方形被一条线分割。当我试图填满它时，它会自动填满整个正方形。
浏览 4提问于2020-11-28得票数 2
1回答
我的问题与以下链接相同
我需要画一条带有渐变颜色的曲线。颜色应该非常从浅蓝色到深蓝色。我需要做它使用VC++和MFC。CPen类似乎提供了使用LOGBRUSH类的唯一选项。有一些选项可以将各种渐变笔刷用于闭合形状，但不能用于直线或曲线。我计划用一小段线画曲线，每段线有不同的阴影，从而形成梯度。他们有没有更简单的方法？
浏览 55提问于2016-09-23得票数 0
回答已采纳
1回答
我试图创建一个应用程序，让你创建一个背景梯度与两种不同的颜色，我使用的反应。渐变的第一种颜色看上去像它应该的那样，但是渐变的第二种颜色更像是一种坚实的颜色，有一个锯齿状的边框。这里有一张图片来展示：
我的目标是得到更接近这个的东西：
颜色混合的地方。
我指的是文档，并且混淆了半径和x，y的属性。我将根据父组件的道具更改来更改画布，下面是我的代码：
import React, { Component } from "react";
class Canvas extends Component {
componentDidMount() {
const {
浏览 1提问于2019-03-05得票数 0
回答已采纳
1回答
我正在尝试为TextView标题提供一个简单的纯色下划线。我希望这是可重用的，并且在未来可以与任何视图一起工作，而不考虑高度。我正在尝试支持背景可绘制，这样我就可以简单地将其应用于视图。我可以毫无问题地画一条线：
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:shape="line"
>
<stroke
浏览 3提问于2018-09-21得票数 0
1回答
我正在使用paper.js创建渐变表单。从下面的例子中我已经找到了做线性渐变和径向渐变的方法，但是我还没有找到任何用paper.js和SVG做角度渐变的例子或方向，这是可能的吗？
下面是我在官方中找到的两个创建Lnear和Radial渐变的示例，以及实现此表单的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Gradients</title>
<link rel="styleshe
浏览 10提问于2021-10-05得票数 0
1回答
用jquery填充梯度SVG
、、、、
有没有办法用两到三种渐变颜色填充SVG？使用下面的方式，我可以用一种颜色填充一个特定的SVG路径。径向梯度是可以使用的，但不能处理动态方法。颜色需要在SVG代码中定义。因此，我希望使用两到三种颜色作为渐变填充SVG路径，如下所示，使用jquery。是否有可能使用插件来做到这一点？
$("#canvas-area").click(function (event) {
$(event.target).css('fill', _'#000');
})
浏览 3提问于2018-01-06得票数 3
回答已采纳
1回答
我尝试在给定随机颜色范围的情况下均匀分布canvas线性渐变。就像这样。 let canvas = document.getElementsByTagName("CANVAS")[0];
let ctx = canvas.getContext("2d");
let gradient = ctx.createLinearGradient(0, 0, 200, 0);
// generate some random colors
let random = Math.round(Math.random() * (10 - 2) + 2)
let colors =
浏览 8提问于2019-06-22得票数 1
回答已采纳
我正在使用three.js的最后一个版本，我得到了一个带有二维网格和渐变颜色的场景。颜色取决于分配给每个顶点的值。我想用鼠标点击渐变的每一个点的值(通过获取颜色，并为我的值做一些数学计算)。
我尝试使用像这样的系统，因为它在这里工作：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
function echoColor(e){
var imgData = ctx.getImageData(e.pageX, e.pageX, 1, 1
浏览 3提问于2017-04-24得票数 3
回答已采纳
我有一个包含多段线到画布中的图形。我想设置折线的笔划，从底部的一种颜色开始，到顶部的另一种颜色结束。我尝试使用这个xaml：
<Polyline StrokeThickness="2">
<Polyline.Stroke>
<LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">
<GradientStop Color="Blue" Offset="0" />
<Gr
浏览 0提问于2010-04-10得票数 4
回答已采纳
2回答
我想用安卓的Canvas绘制这样的渐变图
在水平方向上有两种颜色的渐变(红色和蓝色)。然后在垂直方向上有一个透明梯度(允许红色和蓝色显示)为零(所有颜色的缺失？)。
我在SO 上找到了这个链接，它接近我想要的内容。但我想不出如何使底部透明。
如何在Android中实现这一点？
浏览 4提问于2015-09-02得票数 1
回答已采纳
1回答
在WPF/Silverlight XAML中，您可以在颜色线的不同点使用多个渐变停止的画笔。
我能够用两种颜色复制这种行为，一种颜色的lerp，从这个答案到我之前的问题：代码，使用对角线在纹理中生成颜色梯度。。
我如何在这个问题上做同样的事情，但是用多个颜色的步骤，即使彼此有不同的宽度。
浏览 0提问于2014-01-24得票数 0
回答已采纳
1回答
我想给fabric.js中的形状渐变样式，我想写所有形状的通用添加渐变方法，选择对象，并在提交按钮上点击它应该改变填充为渐变。
小提琴：：
请检查上面的小提琴，
代码:：
var canvas;
$(function () {
canvas = window.__canvas = new fabric.Canvas('canvas');
canvas.backgroundColor = '#FFFFFF';
var circle = new fabric.Circle({
left: 100,
top:
浏览 2提问于2013-09-20得票数 0
1回答
任务是创建一个由代表不同颜色的许多点的渐变组成的图像。例如，在to点之间绘制渐变不是问题，但在这两个点的线附近可能是另一个点，它会影响这两个点之间的渐变。感谢任何人的帮助。
浏览 13提问于2016-01-18得票数 0
1回答
我使用带有渐变的画布(填充颜色从实际值到白色)在任意点(鼠标点击)使用画布函数getimagedata来选择颜色。
连线问题: Canvas.getImageImadata给出了错误的值，并且大部分是正确的。
浏览 1提问于2014-04-17得票数 0
回答已采纳
我想在关键尺寸上.overlay，但也使用渐变调色板颜色曲线的关键尺寸的值。
所以一个简单的覆盖图应该是
%%opts Curve [show_legend=False]
hv.HoloMap({i:hv.Curve([i]*100) for i in range(10)}, ["i"]).overlay("i")
使用水平线。
如何使用从i=0蓝到i=9黄的渐变matplotlib.cm.viridis颜色？
浏览 8提问于2018-08-05得票数 0
回答已采纳
2回答
使用渐变颜色绘制线条
、、、、
有没有可能用渐变的颜色画一条线？
我希望能够画一条直线或曲线(如果可能)，其中线的一端是蓝色的，另一端是红色的。
此外，可能需要每行有一个以上的渐变，例如蓝色、绿色、->、->和->。我在想，这可能只是由绘制在一起的多条梯度线组成的。
浏览 4提问于2009-02-23得票数 7
回答已采纳
1回答
我试图在中为线条图应用渐变颜色。但我错了
ERROR TypeError: Cannot read property 'nativeElement' of undefined
码
<canvas #myCanvas [colors]="lineChartColors" ...
export class Demo {
@ViewChild("myCanvas") canvas: ElementRef;
lineChartColors;
// in ngOnInit
let gradient = this.canvas.nativeE
浏览 0提问于2019-04-30得票数 0
1回答
我在我的项目中有一个对象(FBX格式)，它是用3D max绘制的一条线。我想在XNA中给这条线涂上颜色，这样颜色就从一种特定的RGB颜色开始，在这条线的起始点和结束点上，用特定的RGB颜色完成。(例如，从(255,255)到(128,128))。物体的渐变着色。我需要通过编程来实现这一点，因为在后面的代码中，我必须更改这两种特定的颜色。
浏览 0提问于2012-08-05得票数 0
我是d3.js的新手，但我想删除或修改这些线条的样式，使之与网格线的颜色相同？
我用以下代码创建了网格线：
setGrid(canvas, scales){
//Y Axis grid
canvas.append("g")
.attr("class", "grid")
.attr("transform", "translate(" + OFFSET_LEFT + ", 0)")
.call(d3.axisLeft(scales.yScale)
浏览 1提问于2020-03-10得票数 0
回答已采纳
我正在寻找一种方法来设置一个渐变笔刷作为一个列表框项目的背景。我定义了一个DataTemplate，并指定了一个渐变画笔，但它始终显示为列表框背景(即它从不显示为渐变画笔)。
我已经能够设置列表框本身的背景，并且我可以使用“object....but”将列表框的背景设置为标准颜色，这些都不是我想要的。
我真的希望每个列表项的背景都是渐变笔刷。
下面是我构建的数据模板。
<ListBox Name="MyListBox" Margin="12,67,12,169">
<ListBox.ItemTemplate>
浏览 0提问于2010-06-02得票数 2
回答已采纳
1回答
用梯度画线
、、
我在不同的位置画了多条线。例如：
canvas.drawLine(startXLine1 ,stopXLine1, startYLine1, stopYLine1, paint)
canvas.drawLine(startXLine2 ,stopXLine2, startYLine2, stopYLine2, paint)
我希望每一行都有这样的渐变：
当我尝试这个，我没有这个效果，但是这个方向的渐变蓝色(左)-->白色(右)像这样：
Shader shader = new LinearGradient(startXLine1, startYLine1, stopXLine1, s
浏览 1提问于2015-01-19得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
