<canvas></canvas>
body,
html {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	touch-action: none;
	content-zooming: none;
	background: #000;
}

canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	user-select: none;
	background: #000;
	cursor: pointer;
}
"use strict";
const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
// the function start_canvas_touchdown
const start_canvas_touchdown = () => {
	canvas.width = canvas.offsetWidth;
	canvas.height = canvas.offsetHeight;
	const cx = canvas.offsetWidth / 2;
	const cy = canvas.offsetHeight / 2;
  ctx.fillStyle = "blue";
  ctx.font = "30px Arial";
  ctx.fillText("touchdown text - 001", 100, 50);
  }
// the click refresh touchdown text
["click", "touchdown"].forEach(event => {
	document.addEventListener(event, e => start_canvas_touchdown(), true);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.