CodePen Embed - Basic Canvas Shape Demo

<canvas id="myCanvas" width="800px" height="800px"></canvas>

canvas {
  border: 1px solid blue;
}

const canvas = document.getElementById("myCanvas");
const context = canvas.getContext("2d");
context.fillStyle = "#c00";
context.fillRect(10, 10, 100, 100);

Run Pen

This Pen is owned by SitePoint on CodePen. It is a fork of this Pen.

See more by @SitePoint on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.