js實現的取色器實現代碼（取色代碼軟件）

本文目錄一覽：

• 1、js從10種顏色中隨機取色實現每次取出不同的顏色
• 2、js如何做一個取色器
• 3、怎麼使用第三方取色器取色後填充在ppt里
• 4、bootstrap-colorpicker如何自定義位置?急求!!!!javaScript
• 5、Auto.js寫腳本怎麼取色，怎麼判斷

js從10種顏色中隨機取色實現每次取出不同的顏色

昨天在做js

從10種顏色中隨機取色，並每次取出的顏色不同的時候，考慮了很多，最終用如下來實現：

複製代碼

代碼如下:

var

colorList

=

[“#FFFF99″,”#B5FF91″,”#94DBFF”,”#FFBAFF”,”#FFBD9D”,”#C7A3ED”,”#CC9898″,”#8AC007″,”#CCC007″,”#FFAD5C”];

for(var

i=0;ilineList.length;i++){

var

bgColor

=

getColorByRandom(colorList);

}

function

getColorByRandom(colorList){

var

colorIndex

=

Math.floor(Math.random()*colorList.length);

var

color

=

colorList[colorIndex];

colorList.splice(colorIndex,1);

return

color;

}

這樣便能每次取出的顏色是隨機的且都不一樣

js如何做一個取色器

一般的項目可以直接使用開源的插件。

如果要自己做，就要根據需求，把顏色列表數據存儲起來。在頁面當中顯示可以列出的顏色，當鼠標按住移動的時候，根據當前的坐標移動數值，移動滑塊。根據滑塊的位置確定當前選取的是哪個顏色的值。

怎麼使用第三方取色器取色後填充在ppt里

用取色器後記錄下其值，以百度知道導航頁面為例，其RGB（55,173,3）。

打開ppt。下面以2013版為例：根據下面的步驟就可以了。（ppt裡面也有取色器，不過只能取ppt裡面的）

bootstrap-colorpicker如何自定義位置?急求!!!!javaScript

你好！

你想要的自定義位置是什麼樣的？

$(‘.sample-selector’).colorpicker({ /*options…*/ });

//其中options的align屬性，可以設置”left”,”center”,”right”三個位置。

//如果想要更精細的控制top,left值，則可以通過設置customClass屬性來解決。

//參考官方Demo中的例子，略作修改

div class=”example”

    div class=”example-title”Customized widget size/div

    div class=”example-description”Also showing the support of HTML color names/div

    div class=”example-content well”

        div class=”example-content-widget”

            input id=”cp9″ type=”text” class=”form-control” value=”pink”/

      style

         .colorpicker-2x {

             /*這裡設置top left的偏移量*/

             margin-top: -80px;

             margin-left: 50px;

         }

          .colorpicker-2x .colorpicker-saturation {

              width: 200px;

              height: 200px;

          }

          .colorpicker-2x .colorpicker-hue,

          .colorpicker-2x .colorpicker-alpha {

              width: 30px;

              height: 200px;

          }

          .colorpicker-2x .colorpicker-color,

          .colorpicker-2x .colorpicker-color div {

              height: 30px;

          }

      /style

      script

          $(function () {

              $(‘#cp9’).colorpicker({

                  align: ‘left’,

                  customClass: ‘colorpicker-2x’,

                  sliders: {

                      saturation: {

                          maxLeft: 200,

                          maxTop: 200

                      },

                      hue: {

                          maxTop: 200

                      },

                      alpha: {

                          maxTop: 200

                      }

                  }

              });

          });

      /script

        /div

   /div

/div

希望對你有幫助!

Auto.js寫腳本怎麼取色，怎麼判斷

function isColor(x,y,color)

{

if(!requestScreenCapture()) //截圖

{

toast(“請求截圖失敗”);

exit

}

sleep(500);

var c = images.pixel(captureScreen(), x, y); //獲取指定點顏色

var isDetected = images.detectsColor(captureScreen(),color, x, y); //判斷顏色

return isDetected;

}

寫個函數把截圖、取色還有比較顏色封裝起來，直接傳值調用就可以了