<canvas id="roughcanvas" class="roughcanvas">
    </canvas>

    </body>
    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1281712/rough.js"></script>

.roughcanvas {
        overflow: hidden; 
        width: 99vw; 
        height: 50vh;
}

import { TilerTheCreator } from 'https://codepen.io/bryanrasmussen/pen/xxwRKOK.js';

const setCanvas = () => {
      const roughCanvas = rough.canvas(document.getElementById('roughcanvas'));
      const roughJSTiling = new TilerTheCreator({width: window.innerWidth, height: window.innerHeight, scale_factor: 50, type: 77});
      roughJSTiling.readyToTile();
      const polygons = roughJSTiling.getPolygonsFromRegion(); 
      polygons.forEach((polygon) => {
            roughCanvas.polygon(
                  polygon
            );
      })
   
  }
setCanvas();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.