roughjs_sandbox

by John Doe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rough.js/3.1.0/rough.js"></script>
<canvas id='canvas' width=800 height=600></canvas>

CSS

body {
  background-color: #d1e5d3;
}

JavaScript

const rc = rough.canvas(document.getElementById('canvas'));

//rc.rectangle(10, 10, 200, 200); // x, y, width, height

rc.circle(20, 20, 20, {
  stroke: '#fc8300',
  strokeWidth: 3,
  fillWeight: 2,
  fill: '#008080',
  fillStyle: 'zigzag',
  hachureGap: 4
});