Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用dat.gui(HTML5)的alpha颜色选择器_Javascript_Html_Dat.gui - Fatal编程技术网

Javascript 使用dat.gui(HTML5)的alpha颜色选择器

Javascript 使用dat.gui(HTML5)的alpha颜色选择器,javascript,html,dat.gui,Javascript,Html,Dat.gui,有没有办法获得一个使用dat.gui()修改RGBA颜色的alpha通道的颜色选择器 目前,我只能使用颜色选择器更改RGB值,即使颜色选择器接受alpha值 示例(也可提供): 我不确定是否有任何简单的方法来扩展现有的库。我刚刚对库本身进行了更改。您可以在这里尝试: 我的github上也有修改过的源代码: 希望能有所帮助:-) mz它对我有用。你没有得到什么要求的结果?我想要一个滑块,这样我可以在颜色选择器中更改alpha值。该功能在dat.GUI上不可用,所以我看不到你在这里寻找的任何答案。w

有没有办法获得一个使用dat.gui()修改RGBA颜色的alpha通道的颜色选择器

目前,我只能使用颜色选择器更改RGB值,即使颜色选择器接受alpha值

示例(也可提供):


我不确定是否有任何简单的方法来扩展现有的库。我刚刚对库本身进行了更改。您可以在这里尝试:

我的github上也有修改过的源代码:

希望能有所帮助:-)


mz

它对我有用。你没有得到什么要求的结果?我想要一个滑块,这样我可以在颜色选择器中更改alpha值。该功能在dat.GUI上不可用,所以我看不到你在这里寻找的任何答案。well dat.GUI是相当模块化和可扩展的。必须能够将此功能添加到颜色选择器。
var ColorObject = function() {
   this.color = [ 0, 128, 255, 0.3 ]; // RGB with alpha
    this.showAlert = function(){
        alert("Color is "+this.color);
    } 
};

var colorObject = new ColorObject();
var gui = new dat.GUI();

gui.addColor(colorObject, 'color');
gui.add(colorObject, 'showAlert');