Google Chrome提供了自己的颜色选择器工具,当我们不想在我们的网站上安装/编写自己的颜色选择器时,开发人员可以使用。很有用很漂亮这很简单。只要插入一行小巧可爱的HTML5<input type="color" />
而且很有效它几乎是伟大的。几乎是完美的。这几乎是蜜蜂的膝盖。* 几乎 *
它有RGB。有六角魔法。它甚至有高速公路。但该死的东西不允许用户改变透明度。这有点蠢我希望用户改变不透明度,该死的!
现在,我的网站的用户可以更改不透明度。我很懒,所以这不是疯狂或什么的。只是在上面的代码中添加了一点,它就可以工作了。只是这不是我想要的。<input id="color" type="color"/><input id="opacity" type="number" min="0" max="1" />
显然,Google可以编写一个可以使用rgba和hsla的颜色选择器工具。他们做了,它(仍然)在当前版本的谷歌浏览器(91.0.4472.77)。它可以在Google Chrome的DevTools中使用。这是真棒。太棒了
我想要那个颜色选择器。
有没有办法在我的网站上使用很棒的颜色选择器?
- PS:我知道我可以写一个这样的颜色选择器,或者安装一个我在Github上找到的。但我不想做这两件事中的任何一件,因为1)我很懒,2)我测试过的大多数程序看起来都很丑,或者编码的方式让我突然对意大利面产生了巨大的渴望。
1条答案
按热度按时间6jjcrrmo1#
要查看的地方是Chrome Dev Tools API。从我所看到的,他们只是提供了
Inspector
作为一个整体单元,其中可能包括颜色选择器。但是没有独立于我看到的Inspector
的钩子。也许如果您在本地添加package,您可以四处查看并可能找到如何使用它。您可以将整个包添加为npm依赖项:
npm install chrome-devtools-frontend
或yarn add chrome-devtools-frontend
。