Question

我需要使用html＆amp; amp;添加颜色选择器到我的Windows 8商店应用程序javascript，你知道吗？感谢

Answer 1

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

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

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

Answer 2

就我个人而言，我发现网上大多数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）将显示一些严重的延迟。

Answer 3

您可以使用简单的颜色选择器 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>

Windows Store App Winjs是否具有颜色选择器控件？

3 个答案: