title: Deselect a selected object in Fabric.js
body: <p>I have multiple type objects on my canvas.
  I can do scaling, rotation, etc. everything on a particular object.</p>
  
  <p>But when I select a particular object, I want to change its <code>stroke</code> color.</p>
  
  <pre><code>canvas.observe('mouse:down', function(e) {
  
      activeInstance = canvas.getActiveObject();
      activeGroupInstance = canvas.getActiveGroup();
      if (activeInstance!=null){        
          activeInstance.set("stroke","#FF0000");
      }
  }
  </code></pre>
  
  <p>The code works well. But the issue is that the <code>stroke</code> color or any other valid <code>property</code> doesn't reflect directly which means I have to deselect a currently selected object to see the change in its properties. So my question is what's going wrong? If this is the usual behavior that we have to deselect/click the selected object, then, how to deselect the selected object using code i.e without using mouse clicks simply using a code-snippet.</p>