Question

我尝试使用color.js中的this library进行简单转换，而我似乎无法做到这一点。我尝试了以下内容：

var myColor = new Colors();

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

但是我收到了一个错误：

未捕获的TypeError：无法读取属性＆＃39; hsv2hsl＆＃39;未定义的

为什么我会收到错误，我该如何解决？

JSFiddle

代码段

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

Colors doesn't have a colorConverter property.

的实例

Answer 2

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

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

Answer 3

convertColor()不存在。正确的方法是使用convertColor()的方法var myColor = new Colors(); var hslColor = myColor.convertColor({ h: 100, s: 100, v: 100 },'HSV2HSL'); // not 'hsv2hsl'。 hsv的第二个参数区分大小写：

HSV

HSV2HSL表示从0到1的组件，而hsv2hsl表示H：0 - 360，S：0 - 100，V：0 - 100.所以你可能想要从{{1}转换不是来自hsv2HSL

您也可以将其与HSV2hsl或{{1}}混合使用。

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

JSFiddle

3 个答案: