blob: d3c86ea35b74279aa9ecf2067d71f35ddacf665c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE html>
<html>
<body>
<canvas id="patternCanvas" width="8" height="32"></canvas>
<br>
<canvas id="canvas" width="32" height="32"></canvas>
<script>
const patternCanvas = document.getElementById("patternCanvas");
const patternCtx = patternCanvas.getContext("2d");
patternCtx.fillStyle = "green";
patternCtx.fillRect(0, 0, patternCanvas.width, patternCanvas.height);
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "green";
ctx.fillRect(16, 16, 16, 16);
</script>
</body>
</html>
|