title: Make object hidden/visible with checkbox in Fabric.js
body: <p>How to make a visible/hidden object in the Canvas via the checkbox?</p>
  <pre><code>&lt;input type=&quot;checkbox&quot; id=&quot;visible&quot; name=&quot;visible&quot; checked&gt; Visible
  &lt;canvas id=&quot;vertical&quot; class=&quot;banner-design&quot; height=&quot;600&quot; width=&quot;500&quot; style=&quot;border: 1px solid #000000;&quot;&gt;&lt;/canvas&gt;
  </code></pre>
  <pre><code>canvas.add(new fabric.Circle({ radius: 30, fill: '#f55', top: 100, left: 100 }));
  canvas.selectionColor = 'rgba(0,255,0,0.3)';
  canvas.selectionBorderColor = 'red';
  canvas.selectionLineWidth = 5;
  this.__canvases.push(canvas);
  </code></pre>
  <p>A codepen demo : <a href="https://codepen.io/geen21/pen/LYRXLqx" rel="nofollow noreferrer">https://codepen.io/geen21/pen/LYRXLqx</a></p>