javascript - 如何更改 Farbtastic 拾色轮的宽度和高度？

Question

在Farbastic Github 文档中提到 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);
}

等待回复，谢谢！

Answer 1

显然width，height如果您省略参数，则不会被拾取callback（这可能是一个错误）。但是，您可以通过callback: pickerUpdate在初始化时传入选项对象来解决它。

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

colorPickerWheel.setColor('#00ffff');

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

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

Answer 2

它经过测试并为我工作

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