HTML5 Canvas - Test1

HTML5 Canvas tutorial

by bob m

HTML

<h1>Hello Plunker!</h1>
    <!--p>Starting with canvas...ngForm </p-->

    <div id="container">

      <canvas id="canvas1">Text for no HTML5 sorry :-()</canvas>
      
      <br>
      <div id="output">Nothing yet...</div>

    </div>

CSS

p {
  font-family: Lato;
}
#output {
  background-color: beige;
  font-display: 24px;
  padding: 1%
}
#canvas1 {
  width: 600px;
  height: 500px;
  border: thin solid;
}

JavaScript

var out = document.getElementById('output');
var canvas = document.getElementById('canvas1');
var ctx = canvas.getContext('2d');
console.log(ctx);

out.innerHTML = 'My content';