import SimpleCanvasJS from "../dist/SimpleCanvasJS.es.js";
      let dessin = new SimpleCanvasJS(250, 250, document.querySelector("#canvasDiv"), "#ffffff", "#ff0000", 5);
      window.dessin = dessin;

      let dessin2 = new SimpleCanvasJS(200, 400, document.querySelector("#canvasDiv2"));
      window.dessin2 = dessin2;
      setInterval(() => {
        dessin2.brush("#" + ("000000" + Math.random().toString(16).slice(2, 8).toUpperCase()).slice(-6), 2);
      }, 100);
    

      <h1>SimpleCanvasJS, Exemples d'utilisation</h1>

      <h2>Canvas #1</h2>

      <section class="canvasContainer">
        <div id="canvasDiv"></div>

        <img src>
      </section>

      <button onclick="dessin.clear()">Effacer</button>

      <button onclick="dessin.save(document.querySelector('img'))">Copier</button>

      <h2>Canvas #2</h2>

      <section class="canvasContainer">
        <div id="canvasDiv2"></div>

        <img src>
      </section>