Windows中的HTML颜色选择器

时间:2018-06-07 15:43:16

标签: javascript html angularjs cross-domain

Html颜色(input type = "colour")选择器向用户显示底部笔图标以从dom获取颜色。
它在Mac中工作但它不会显示在窗口中。

  1. 有没有办法在Windows中显示该选项

  2. 如果没有,我们有什么好的选择(javascript / angular 1 库)

  3. 从html中的图像中选择颜色。 我发现了这个https://www.script-tutorials.com/creating-an-html5-canvas-image-color-picker/,但它显示了受污染画布的交叉原点问题。
    有什么建议吗?

    供参考:

    在mac os(chrome)中,默认情况下,颜色选择器会在底部显示笔图标,让您通过单击背景选择任何颜色 (in mac os)。 相同的颜色选择器为Windows系统显示不同的ui(chrome) (in windows system)

1 个答案:

答案 0 :(得分:0)

需要使用与html 5颜色选择器不同的颜色选择器是因为在windows os html颜色选择器中不允许您选择所点击像素的颜色(某些背景)。

colour picker library

我最终使用了一个颜色选择器库,它在画布上绘制图像,然后使用canvas函数getImageData,我可以查找mouseevent并获取图像点击像素的颜色。

警告:当您在画布中使用图像时,请确保它们是同一服务器的一部分,否则getImageData函数将显示跨源问题