如何更改Farbtastic Color Picker Wheel的宽度和高度?

时间:2015-08-13 10:14:56

标签: javascript css colors color-picker farbtastic

Farbastic Github Documentation上提到了Farbtastic拾色器的宽度和高度可以像这样修改;

$(...).farbtastic({ callback: '#color2', width: 150 })

但是,我无法自定义Farbtastic拾色器的宽度和高度。这是我的代码;

colorPickerWheel = $.farbtastic("#colorPickerWheel", { width: 500, height: 500 });
colorPickerWheel.linkTo(pickerUpdate);

function pickerUpdate(color){
    console.log("Color Picker Wheel: " + color);
}

等待回复,谢谢!

2 个答案:

答案 0 :(得分:2)

如果省略width参数(它可能是个错误),显然{@ 1}}和height没有被选中。但是,您可以在初始化时在选项对象中传递callback来解决此问题。

callback: pickerUpdate

https://jsfiddle.net/s2zhgsbr/1/

答案 1 :(得分:1)

经过测试并为我工作

$.farbtastic("#colorPickerWheel", { callback: pickerUpdate,width: 500,  height: 500 });