stengoes/index.html

## index.html
<html>
    <body>
        <canvas id="mycanvas" width="2048" height="512"></canvas>

    </body>

</html>

<script>
    const height = 512;
    const width = 256;
    const depth = 4;
    const data = new Uint8ClampedArray(height*width*depth);

    // Fill data
    for (let i = 0; i < data.length; i += 4)
    {
        data[i + 0] = 255;      // R value
        data[i + 1] = 0;        // G value
        data[i + 2] = 0;        // B value
        data[i + 3] = 255;      // A value
    }
    const imgData = new ImageData(data, width, height);

    const canvas = document.getElementById('mycanvas');
    const ctx = canvas.getContext('2d');
    ctx.putImageData(imgData, 0, 0);

</script>
	<html>
	<body>
	<canvas id="mycanvas" width="2048" height="512"></canvas>

	</body>

	</html>

	<script>
	const height = 512;
	const width = 256;
	const depth = 4;
	const data = new Uint8ClampedArray(heightwidthdepth);

	// Fill data
	for (let i = 0; i < data.length; i += 4)
	{
	data[i + 0] = 255; // R value
	data[i + 1] = 0; // G value
	data[i + 2] = 0; // B value
	data[i + 3] = 255; // A value
	}
	const imgData = new ImageData(data, width, height);

	const canvas = document.getElementById('mycanvas');
	const ctx = canvas.getContext('2d');
	ctx.putImageData(imgData, 0, 0);

	</script>