mirror of
https://github.com/rough-stuff/rough.git
synced 2026-02-16 00:16:21 -05:00
34 lines
717 B
HTML
34 lines
717 B
HTML
<html>
|
|
|
|
<head>
|
|
<title>RoughJS fill 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);
|
|
|
|
rough.fill = "red";
|
|
rough.circle(50, 50, 40);
|
|
rough.rectangle(120, 15, 80, 80);
|
|
|
|
var c2 = rough.circle(50, 150, 40);
|
|
c2.fill = "rgb(10,150,10)";
|
|
c2.fillWeight = 3;
|
|
|
|
var r2 = rough.rectangle(120, 105, 80, 80);
|
|
r2.fillStyle = "solid";
|
|
r2.fill = "rgba(255,0,200,0.2)";
|
|
|
|
var r3 = rough.rectangle(220, 15, 80, 80);
|
|
r3.hachureAngle = 60;
|
|
r3.hachureGap = 8;
|
|
})();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |