在fabric.js中的函数中添加对象

Question

我试图在用户点击其他对象时添加一些对象。以下代码不起作用。我也尝试添加setCoords，但似乎没有做任何事情。 有趣的是，删除工作正如我所预期的那样。 感谢您的任何建议

var showerOn = 0; //0 == off 1 == on
var sprayOption = 0; 
var massageOption = 0;
var trickleOption = 0;

function selectShower() {
  if(showerOn == 1) {
    showerButton.fill = 'yellow';
    canvas.add(showerSpray);
    canvas.add(showerMassage);
    canvas.add(showerTrickle);
  }
  else {
    showerButton.fill = 'white';
    showerSpray.fill = 'white';
    showerMassage.fill = 'white';
    showerTrickle.fill = 'white';
    sprayOption = 0; 
    massageOption = 0;
    trickleOption = 0;
    canvas.remove(showerSpray);
    canvas.remove(showerMassage);
    canvas.remove(showerTrickle);
  }
}

showerButton.on('selected', function() {
  showerOn = 1 - showerOn;
  selectShower();
  canvas.deactivateAll();
});