Azure App Configuration

IndexView.ts

let canvas = <HTMLCanvasElement>document.getElementById("canvas");
let context = canvas.getContext("2d");
context.clearRect(0, 0, canvas.width, canvas.height);

const lineSpaceWidth = 50;
for (let i = 0; i <= this.canvas.width / lineSpaceWidth; i++) {
    const line = i * lineSpaceWidth;

    context.beginPath();
    context.moveTo(line, 0);
    context.lineTo(line, canvas.height);
    context.stroke();

    context.beginPath();
    context.moveTo(0, line);
    context.lineTo(this.canvas.width, line);
    context.stroke();
}