Canvas pada HTML5

(source pict: http://hikmahsharing.com/artikel/detail/HTML-5-Canvas)

Apa itu canvas? 

Canvas adalah media untuk lukisan cat minyak. Namun pada HTML5 canvas adalah media gambar bitmap berbentuk segi empat yang bisa digunakan untuk me-render grafis game, animasi, dan gambar visual lainnya di halaman website secara client-side. Canvas berbentuk segi empat tanpa garis tepi dan untuk memanfaatkannya bisa menggunakan JavaScript. 

Contoh pembuatan canvas dengan HTML
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas> <br>

Contoh pembuatan canvas dengan JavaScript
<script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0,0,150,75); </script>

Source: http://hikmahsharing.com/artikel/detail/HTML-5-Canvas

Tags: Canvas, pengertian Canvas pada HTML, Canvas pada html, Canvas pada HTML5, contoh pembuatan Canvas dengan HTML, contoh pembuatan Canvas dengan JavaScript