mirror of
https://github.com/rough-stuff/rough.git
synced 2026-02-16 00:16:21 -05:00
28 lines
620 B
HTML
28 lines
620 B
HTML
<html>
|
|
|
|
<head>
|
|
<title>RoughJS sketch-style example</title>
|
|
<script src="../dist/rough.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<canvas id="canvas"></canvas>
|
|
|
|
<script>
|
|
(() => {
|
|
const rough = new RoughCanvas(document.getElementById('canvas'), 800, 800);
|
|
var r1 = rough.rectangle(15, 15, 80, 80);
|
|
r1.roughness = 0.5;
|
|
r1.fill = "red";
|
|
var r2 = rough.rectangle(120, 15, 80, 80);
|
|
r2.roughness = 2.8;
|
|
r2.fill = "blue";
|
|
var r3 = rough.rectangle(220, 15, 80, 80);
|
|
r3.bowing = 15;
|
|
r3.stroke = "green"
|
|
r3.strokeWidth = 3;
|
|
})();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |