Error: Cannot read property of undefiended

Question

I'm trying to make a simple conversion with color.js from this library, and I can't seem to do it. I tried dong the following:

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

But I get an error:

Uncaught TypeError: Cannot read property 'hsv2hsl' of undefined

Why am I getting the error, and how can I fix it?

JSFiddle

Code Snippet

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>

Mike Cluck · Accepted Answer · 2016-01-15 18:55:45Z

5

An instance of Colors doesn't have a colorConverter property.

answered Jan 15, 2016 at 18:55

Mike Cluck

32.6k13 gold badges84 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

arthurakay Over a year ago

I was right about to post the same answer -- ColorConverter looks to be a private utility within the closure, and isn't accessible directly by anything trying to use Colors

Horay Over a year ago

See @Shy A's answer. It most definitely does!

puemos · Accepted Answer · 2016-01-15 19:04:54Z

1

Just dig in a little bit and found the right way

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

answered Jan 15, 2016 at 19:04

puemos

1,20910 silver badges12 bronze badges

3 Comments

Horay Over a year ago

When I do that, I get weird results. The result of the above code snippet is: h: 100, s: -1.0204081632653061, l: -4900 jsfiddle.net/3eavjrgL/1

puemos Over a year ago

i took the convert function from colors.js and test it and got the same result, so the problem is in the colors.js **[check here]**(jsfiddle.net/puemos/q9at4kLq)

jsmorph Over a year ago

convertColor is case sensitive: hsv means components from 0 to 1 whereas HSV means H: 0 - 360, S: 0 - 100, V: 0 - 100. So you probably wanted to convert from HSV2HSL not from hsv2hsl (You can also use hsv2HSL or HSV2hsl)

jsmorph · Accepted Answer · 2016-08-03 09:27:22Z

myColor.colorConverter doesn't exist. The right way is to use myColor's method convertColor(). The second argument of convertColor() is case sensitive:

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

hsv means components from 0 to 1 whereas HSV means H: 0 - 360, S: 0 - 100, V: 0 - 100. So you probably want to convert from HSV2HSL not from hsv2hsl

You can also mix it like hsv2HSL or HSV2hsl.

Collectives™ on Stack Overflow

Error: Cannot read property of undefiended

JSFiddle

3 Answers 3

2 Comments

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Related