blob: e9e681f2e609c0b8757affc187d7673f776f48e7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!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");
const pattern = ctx.createPattern(patternCanvas, "repeat-x");
ctx.fillStyle = pattern;
ctx.fillRect(16, 16, 16, 16);
</script>
</body>
</html>
|
