HTML canvas tag example - demo + Editor

HTML
CSS
JS
PREVIEW

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Contoh HTML Canvas tag</title>
    <style>
      canvas {
        background: #555;
      }
    </style>
  </head>
  <body>
    <h3>Contoh HTML5 Canvas</h3>
    <canvas id="kanvasGambar" height="200" width="300">
      
      <p>Browser Anda tidak mendukung HTML5 Canvas</p>
    </canvas>

<p>
    <strong>Keterangan:</strong> blok kotak hitam (diberi style CSS) adalah area kanvas yang merupakan HTML element <code>canvas</code>, sedangkan kotak merah-putih dibuat dengan script (javascript) yang berkaitan dengan HTML5 canvas (Canvas API).
    </p>
  </body>
</html>