How to get colour from image in react native [closed]












0















It seem silly question but I am new to react technology . Here I want to pick a color from image . For Example When User select a image to upload then I want to get all color which are used in image . If it possible please give me suggestion or solution or give me some resource ( video ) to complete my project



Thanks






javascript reactjs react-native ecmascript-6







share|improve this question













closed as too broad by Kaiido, Book Of Zeus, Ian Lim, greg-449, Springer F Jan 2 at 11:02


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.



















  • Try this if you are still looking for something like that npmjs.com/package/get-image-colors

    – Basav
    Feb 16 at 2:44
















0















It seem silly question but I am new to react technology . Here I want to pick a color from image . For Example When User select a image to upload then I want to get all color which are used in image . If it possible please give me suggestion or solution or give me some resource ( video ) to complete my project



Thanks






javascript reactjs react-native ecmascript-6







share|improve this question













closed as too broad by Kaiido, Book Of Zeus, Ian Lim, greg-449, Springer F Jan 2 at 11:02


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.



















  • Try this if you are still looking for something like that npmjs.com/package/get-image-colors

    – Basav
    Feb 16 at 2:44














0












0








0








It seem silly question but I am new to react technology . Here I want to pick a color from image . For Example When User select a image to upload then I want to get all color which are used in image . If it possible please give me suggestion or solution or give me some resource ( video ) to complete my project



Thanks






javascript reactjs react-native ecmascript-6







share|improve this question














It seem silly question but I am new to react technology . Here I want to pick a color from image . For Example When User select a image to upload then I want to get all color which are used in image . If it possible please give me suggestion or solution or give me some resource ( video ) to complete my project



Thanks






javascript reactjs react-native ecmascript-6




javascript reactjs react-native ecmascript-6






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Jan 1 at 18:54









JonJon

757




757




closed as too broad by Kaiido, Book Of Zeus, Ian Lim, greg-449, Springer F Jan 2 at 11:02


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.









closed as too broad by Kaiido, Book Of Zeus, Ian Lim, greg-449, Springer F Jan 2 at 11:02


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.















  • Try this if you are still looking for something like that npmjs.com/package/get-image-colors

    – Basav
    Feb 16 at 2:44



















  • Try this if you are still looking for something like that npmjs.com/package/get-image-colors

    – Basav
    Feb 16 at 2:44

















Try this if you are still looking for something like that npmjs.com/package/get-image-colors

– Basav
Feb 16 at 2:44





Try this if you are still looking for something like that npmjs.com/package/get-image-colors

– Basav
Feb 16 at 2:44












3 Answers
3






active

oldest

votes


















2














I am not sure this suffices for your specifications, but Color Thief is a JS library which extracts the dominant color from an image. You would not be able to use it as such since it is created specifically for web and makes use of canvas, but there is not much code to it so with some work you could get this to work I guess ...






share|improve this answer































    2














    The best way to do image processing is on Backend. But there are cases where you want to do theming on the device based on the image. In that case, you can use an iOS cocopod like ChameleonFramework and create a Native Bridge to call iOS classes.



    To create a Native Bridge you can check out Native iOS Bridge for iOS and Android






    share|improve this answer































      2














      I suggest that you could try Google cloud vision. After upload an image, Google returns relevant information including colors






      share|improve this answer






























        3 Answers
        3






        active

        oldest

        votes








        3 Answers
        3






        active

        oldest

        votes









        active

        oldest

        votes






        active

        oldest

        votes









        2














        I am not sure this suffices for your specifications, but Color Thief is a JS library which extracts the dominant color from an image. You would not be able to use it as such since it is created specifically for web and makes use of canvas, but there is not much code to it so with some work you could get this to work I guess ...






        share|improve this answer




























          2














          I am not sure this suffices for your specifications, but Color Thief is a JS library which extracts the dominant color from an image. You would not be able to use it as such since it is created specifically for web and makes use of canvas, but there is not much code to it so with some work you could get this to work I guess ...






          share|improve this answer


























            2












            2








            2







            I am not sure this suffices for your specifications, but Color Thief is a JS library which extracts the dominant color from an image. You would not be able to use it as such since it is created specifically for web and makes use of canvas, but there is not much code to it so with some work you could get this to work I guess ...






            share|improve this answer













            I am not sure this suffices for your specifications, but Color Thief is a JS library which extracts the dominant color from an image. You would not be able to use it as such since it is created specifically for web and makes use of canvas, but there is not much code to it so with some work you could get this to work I guess ...







            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Jan 1 at 19:46









            dentemmdentemm

            2,81121225




            2,81121225

























                2














                The best way to do image processing is on Backend. But there are cases where you want to do theming on the device based on the image. In that case, you can use an iOS cocopod like ChameleonFramework and create a Native Bridge to call iOS classes.



                To create a Native Bridge you can check out Native iOS Bridge for iOS and Android






                share|improve this answer




























                  2














                  The best way to do image processing is on Backend. But there are cases where you want to do theming on the device based on the image. In that case, you can use an iOS cocopod like ChameleonFramework and create a Native Bridge to call iOS classes.



                  To create a Native Bridge you can check out Native iOS Bridge for iOS and Android






                  share|improve this answer


























                    2












                    2








                    2







                    The best way to do image processing is on Backend. But there are cases where you want to do theming on the device based on the image. In that case, you can use an iOS cocopod like ChameleonFramework and create a Native Bridge to call iOS classes.



                    To create a Native Bridge you can check out Native iOS Bridge for iOS and Android






                    share|improve this answer













                    The best way to do image processing is on Backend. But there are cases where you want to do theming on the device based on the image. In that case, you can use an iOS cocopod like ChameleonFramework and create a Native Bridge to call iOS classes.



                    To create a Native Bridge you can check out Native iOS Bridge for iOS and Android







                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered Jan 2 at 4:51









                    Abhishek NalwayaAbhishek Nalwaya

                    845




                    845























                        2














                        I suggest that you could try Google cloud vision. After upload an image, Google returns relevant information including colors






                        share|improve this answer




























                          2














                          I suggest that you could try Google cloud vision. After upload an image, Google returns relevant information including colors






                          share|improve this answer


























                            2












                            2








                            2







                            I suggest that you could try Google cloud vision. After upload an image, Google returns relevant information including colors






                            share|improve this answer













                            I suggest that you could try Google cloud vision. After upload an image, Google returns relevant information including colors







                            share|improve this answer












                            share|improve this answer



                            share|improve this answer










                            answered Jan 2 at 4:55









                            Vu LuuVu Luu

                            467310




                            467310















                                Popular posts from this blog

                                MongoDB - Not Authorized To Execute Command

                                Image
                                .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 0 I have successfully enabled authorization on MongoDB and I have created an account on the admin database and then I created an account for my database called test. The following connection string to connect to my test database works successfully: mongo --host 192.168.17.52 --port 27017 -u user1 -p password --authenticationDatabase test Only problem I have now is, I cannot execute commands such as: show dbs. I get the following error when I try to do so: "errmsg" : "not authorized on admin to execute command { listDatabases: 1.0, lsid: { id: UUID("a1d5bc0d-bc58-485e-b232-270758a89455") }, $db: "admin...
                                Read more

                                How to fix TextFormField cause rebuild widget in Flutter

                                Image
                                .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 0 I've got the same issue at #9280. I tried all solutions from that topic with/without GlobalKey for Scaffold and Form but the problem wasn't fixed. I tried to build a authentication form with login and signup. But the keyboard doesn't show when I tap the TextFormField at the first time. Then I try to input some letter from physical keyboard, the widget is rebuilt. Like this: login screen Nothing to be log when I run flutter run --verbose, so I logged manually. Every tapping on field, the widget called dispose -> init -> build. [√] Flutter (Channel beta, v1.0.0, on Microsoft Windows [Version 10.0.17763.195], ...
                                Read more

                                Npm cannot find a required file even through it is in the searched directory

                                Image
                                up vote 0 down vote favorite I got that error: users-Air:pdfuploader user$ npm run start client@0.1.0 start /Users/user/Documents/pdfuploader react-scripts start Could not find a required file. Name: index.html Searched in: /Users/user/Documents/pdfuploader/public npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! client@0.1.0 start: `react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the client@0.1.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/user/.npm/_logs/2018-11-19T10_19_14_555Z-debug.log users-Air:pdfuploader user$ And the file is in /Users/user/Documents/pdfuploader/public as you can see in my github repository: https://github.c...
                                Read more