1

我需要使用 html 和 javascript 将颜色选择器添加到我的 Windows 8 商店应用程序中，你知道怎么做吗？谢谢

4

3 回答 3

1

就我个人而言，我发现网络上大多数 JS 颜色选择器的风格与我的 windows 8 应用程序设计并不完全吻合。我创建了一个适合我需要的函数，也许它也会对您有所帮助：http: //jsfiddle.net/6GHzP/3/ （该示例仅适用于 IE10+，因为在 css 中使用了 -ms-grid 属性，其中Windows 8 应用程序也支持）按以下方式使用该功能：

HTML：

<div id="the_color_picker"></div>

JS：

var colorPicker1 = document.getElementById("the_color_picker");
createColorPicker(colorPicker1, 10, 20);

//colorPicker1 is the element in the DOM which will be used to insert the
//colorpicker
//10 is the number of main colors which will result in 10 main colors which
//each will have 10x10 sub colors.
//20 is the size in pixels of every color

请记住，此功能不适合作为非常详细的颜色选择器，因为为每种颜色创建的 div。例如 createColorPicker(colorPicker1, 255, 1)，会出现一些严重的滞后。

于 2013-12-30T13:21:40.200 回答
1

不，标准颜色选择器不可用，如您在此处看到的：

http://msdn.microsoft.com/en-us/library/windows/apps/hh465453.aspx

您可以在应用程序中包含购买的或开源的选项。最大的问题是组件可能没有您需要在应用程序中匹配的正确外观。

于 2013-11-14T17:55:39.530 回答
0

您可以使用来自 https://github.com/DavidDurman/FlexiColorPicker的简单颜色选择器

它简单轻便。在 Windows 商店应用程序中运行良好。

<html>
              <head>
                <script type="text/javascript" 
                        src="colorpicker.js"></script>
                <style type="text/css">
                  #picker { width: 200px; height: 200px }
                  #slide { width: 30px; height: 200px }
                </style>
              </head>
              <body>
                <div id="picker"></div>
                <div id="slide"></div>
                <script type="text/javascript">
                  ColorPicker(
                    document.getElementById('slide'),
                    document.getElementById('picker'),
                    function(hex, hsv, rgb) {
                      document.body.style.backgroundColor = hex;
                    });
                </script>
              </body>
            </html>
于 2013-12-07T08:06:34.893 回答