Jquery 使用单个按钮切换绘图模式

我目前有两个按钮，一个启用DrawingMode，另一个禁用它。我想做的是有一个按钮，改变显示的图标和功能，当我点击它

var canvas=this.\uu canvas=new fabric.canvas（'canvas'）{
isDrawingMode:true
});
$（“#选择”）。单击（函数（）{
canvas.isDrawingMode=false；
});
$（“#绘制”）。单击（函数（）{
canvas.isDrawingMode=true；
});
$（“.button”）。单击（函数（）{
$（“.button span”）.html（$（.button span”）.html（）=='open_with'？'create'：'open_with'）；
});
画布{
边界半径：2px；
边框：1px实心#000000；
保证金：5px；
}

创造
使用更改图标的文本内容

演示


var canvas=this.\uu canvas=new fabric.canvas（'canvas'）{
isDrawingMode:false
});
$（“#绘图按钮”）。单击（函数（）{
canvas.isDrawingMode=！canvas.isDrawingMode；
var val=canvas.isDrawingMode？'open_with'：'create'；
$（“#选择”）.text（val）；
});
画布{
边界半径：2px；
边框：1px实心#000000；
保证金：5px；
}

创造