1768521-1.html - mozsearch

Enable keyboard shortcuts

<!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>