使用 fabric.js，如何在我的代码中的渐变色标中使用颜色选择器中的颜色

Question

我正在尝试在我的代码中使用颜色选择器中的颜色

rec.setGradient('fill', {
          type: 'linear',
          x1: -rec.width / 2,
          y1: 0,
          x2: rec.width / 2,
          y2: 0,
          colorStops: {0 : '"'+$("#gradColor1").val()+'"' ,1 : '"'+$("#gradColor2").val()+'"'} ,
        });

但是上面的代码不工作并且在 console.log 中显示错误

TypeError: source is undefined
 return 'rgb(' + source[0] + ',' + source[1] + ',' + source[2] + ')';

jsfiddle link 是 http://jsfiddle.net/37hgdjda/11/

Answer 1

哦，我犯了愚蠢的错误。

更正了这一行

colorStops: {0 : '"'+$("#gradColor1").val()+'"' ,1 : '"'+$("#gradColor2").val()+'"'} ,

到

colorStops: {0 : $("#gradColor1").val() + ' ,1 : '+$("#gradColor2").val()} ,

在此处更正了 jsfiddle http://jsfiddle.net/37hgdjda/13/

使用 fabric.js，如何在我的代码中的渐变色标中使用颜色选择器中的颜色

Using fabric.js, how can I use color from color picker in gradient colorstops in my code

color-picker

linear-gradients

fabricjs