canvas demo

123

by q3011893

HTML

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
  Your browser does not support the HTML5 canvas tag.
</canvas>

CSS

html {
  overflow: hidden
}

body {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center
}

canvas {
  display: block;
  border: 2px solid #ccc;
  margin: 10px auto;
}

p {
  text-align: center;
  font-size: 12px;
  color: #454545;
}

JavaScript

//123
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillRect(20, 20, 150, 100);