Menggambar di Browsur dengan Html Canvas

 Menggambar dengan Html


Kali inji saya akan memberikan sedikit tutorials tentang HTML canvas apa sih itu HTML canvas yaitu sebuah HTML yang bisa membuat grafis pada browsur kita ini adalah contoh sederhana dari html canvas silahkan di copy lalu dipelajari scripct dibawah ini:


<!DOCTYPE html>
<html>
<body>

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

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

</body>

</html>


silahkan lihat hasilnya di browsur anda:

Share this

Related Posts

Previous
Next Post »

Berita Unik

loading...