Javascript HTML5画笔颜色赢得'；t变化值

我有一个非常简单的HTML，它有一个画布和几个按钮。当我单击绿色按钮或黄色按钮时。我希望它能改变我画笔的笔画颜色。当我点击按钮时，什么也没发生。颜色保持不变

这是我的脚本和HTML:JS+JQuery 1.7.2

var画布；
$（函数（）{
canvas=window.\u canvas=newfabric.canvas（'canvas'）；
canvas.backgroundColor='#efefef'；
canvas.isDrawingMode=1；
canvas.freedrawingprush.color=e.target.value；
canvas.freeDrawingBrush.width=1；
canvas.renderAll（）；
document.getElementById（'colorpicker'）。addEventListener（'click'，函数（e）{
console.log（如target.value）；
canvas.freedrawingprush.color=e.target.value；
});
});

黄色的
黑色
绿色
您的代码有两个问题：

在出现异常之前，您正在引用
e
，请将其设置为默认值，例如
canvas.freedawingbrush.color='green'
您正在分配颜色，但它不是以哈希开头，请更改为：
等
工作示例：
您的代码有两个问题：

在出现异常之前，您正在引用
e
，请将其设置为默认值，例如
canvas.freedawingbrush.color='green'
您正在分配颜色，但它不是以哈希开头，请更改为：
等
工作示例：
试试这个伙伴-需要整理一些东西，但我在JSFIDLE中得到了这个工作


var画布；
var yellow=document.getElementById（'yellow'）；
var black=document.getElementById（'black'）；
var green=document.getElementById（'green'）；
$（函数（）{
canvas=window.\u canvas=newfabric.canvas（'canvas'）；
canvas.backgroundColor='#efefef'；
canvas.isDrawingMode=1；
canvas.freedrawingprush.color='green'；
canvas.freeDrawingBrush.width=1；
canvas.renderAll（）；
黄色。addEventListener（'click'，函数（e）{
canvas.freedrawingprush.color='#'+this.value；
});
黑色。addEventListener（'click'，函数（e）{
canvas.freedrawingprush.color='#'+this.value；
});
绿色。addEventListener（'click'，函数（e）{
canvas.freedrawingprush.color='#'+this.value；
});
});


黄色的
黑色
绿色
试试这个朋友-需要整理一些东西，但我在JSFIDLE中得到了这个效果


var画布；
var yellow=document.getElementById（'yellow'）；
var black=document.getElementById（'black'）；
var green=document.getElementById（'green'）；
$（函数（）{
canvas=window.\u canvas=newfabric.canvas（'canvas'）；
canvas.backgroundColor='#efefef'；
canvas.isDrawingMode=1；
canvas.freedrawingprush.color='green'；
canvas.freeDrawingBrush.width=1；
canvas.renderAll（）；
黄色。addEventListener（'click'，函数（e）{
canvas.freedrawingprush.color='#'+this.value；
});
黑色。addEventListener（'click'，函数（e）{
canvas.freedrawingprush.color='#'+this.value；
});
绿色。addEventListener（'click'，函数（e）{
canvas.freedrawingprush.color='#'+this.value；
});
});


黄色的
黑色
绿色