jquery - 如何通过 jQuery 更改 SVG 元素的颜色(拖动选定的颜色)

Question

我制作了一个颜色选择器，我希望用户更改颜色通过将选定的颜色拖动到 SVG 元素来创建我的 SVG 元素。 - 是这可能吗？

Answer 1

$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
    $(colpkr).fadeIn(500);
    return false;
},
onHide: function (colpkr) {
    $(colpkr).fadeOut(500);
    return false;
},
onChange: function (hsb, hex, rgb) {
// here you can change your SVG style 
    $('#colorSelector div').css('backgroundColor', '#' + hex);
}});

和链接COLOR PICKER - JQUERY PLUGIN