错误：无法读取未定义的属性

Question

我正在尝试使用此库中的 color.js进行简单转换， 但似乎无法做到。 我尝试了以下操作：

var myColor = new Colors();

var hslColor = myColor.colorConverter.hsv2hsl({
  h: 100,
  s: 100,
  v: 100
});

但是我得到一个错误：

未捕获的TypeError：无法读取未定义的属性'hsv2hsl'

为什么会出现错误，如何解决？

JSFiddle

代码段

 var myColor = new Colors(); var hslColor = myColor.colorConverter.hsv2hsl({ h: 100, s: 100, v: 100 }); console.log(hslColor); 

 <script src="https://rawgit.com/PitPik/colorPicker/master/colors.js"></script> 

Answer 1

Colors实例没有colorConverter属性。

Answer 2

稍微挖掘一下，找到正确的方法

var myColor = new Colors();
var hslColor = myColor.convertColor({
  h: 100,
  s: 100,
  v: 100
},'hsv2hsl')

Answer 3

myColor.colorConverter不存在。 正确的方法是使用myColor的方法convertColor() 。 convertColor()的第二个参数区分大小写：

var myColor = new Colors();
var hslColor = myColor.convertColor({
    h: 100,
    s: 100,
    v: 100
},'HSV2HSL'); // not 'hsv2hsl'

hsv表示从0到1的分量，而HSV表示H： HSV2HSL ，S：0-100，V：0-100。因此，您可能要从HSV2HSL而不是hsv2hsl进行转换

您也可以像hsv2HSL或HSV2hsl一样混合HSV2hsl 。