title: Fabric.js / canvas infinite background grid like miro
body: <p>Cheers community,</p>
  <p>finally, I got my first question here on StackOverflow and it's all about &quot;infinite grid&quot; with fabric.js - if you have any feedback on my question pls hit me up!</p>
  <p><strong>The Project:</strong>
  I try to develop a little drawing tool with <a href="http://fabricjs.com/" rel="nofollow noreferrer">fabric.js</a> and wondering how I can implement an infinite background grid like miro has.</p>
  <p><a href="https://i.stack.imgur.com/4ITpA.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4ITpA.gif" alt="enter image description here" /></a></p>
  <p><strong>My requirements or personal goals to this project/question</strong>:</p>
  <ol>
  <li>Zooming in and out - resize the grid like miro</li>
  <li>Panning also affects the background grid like miro</li>
  <li>Dynamic Canvas size -&gt; if I resize the browser, the grid is also fitted canvas with /height</li>
  </ol>
  <p>Found a lot of useful links but without zooming, panning, resizing or with a bad performance. If you have any &quot;best practice&quot; hints, links or ideas pls share with me :-)</p>
  <p>Thx for your time and help!</p>