React-color: Custom gradient

Created on 3 Jan 2017  路  5Comments  路  Source: casesandberg/react-color

@casesandberg Can I create such a custom palette?
https://drive.google.com/file/d/0B8qXRjoXgP1acFRiVEhzN1ZrXzQ/view?usp=sharing
Replacing the "linear-gradient" (background) does not help. Is it possible to somehow create your background for "Saturation" and "Hue"?

help wanted

Most helpful comment

There is a new <VerticalGradient /> and <HorizontalGradient /> in development in v3.0.0, you will be able to make custom gradients with this!

All 5 comments

Hi guys, I have also become necessary in this colorpicker stylization, but i not found the way to do it...
@casesandberg may i ask you leave some comments on this issue?
@maximzah also please give us know if you will find the solution.

This is a little tricky, but I can look into it when I have some free time!

@casesandberg @VladimirRubin I propose to do the following:
1) Saturation will take on canvas (using props)
2) And instead of div (with background) we'll paint the canvas in the background
3) The color we define via Pointer (coordinates on canvas)
What do you think about it?

Hmm. Setting the background colors would be easy to do with divs, it just comes down to the algorithms necessary to map to the gradient.

There is a new <VerticalGradient /> and <HorizontalGradient /> in development in v3.0.0, you will be able to make custom gradients with this!

Was this page helpful?
0 / 5 - 0 ratings