belajar Canavas menggunakan HTML 5

By | Published Senin, 26 Maret 2012

nah..lagi dan lagi aku tuh bingung setiap mau posting, bagusnya untuk kata pembuka tuh apa.
oke lanjut aja deh..
kali ini kau berbagi tentang teknologi baru dibidang Bahasa Pemograman HTML, HTML sekarang ada versi barunya HTML 5, dan yang aku posting ini merupakan contoh simple membuat canvas menggunakan HTML 5
ini source codenya

<html>

<canvas id="mycanvas" width="800" height="600"> //ini merupakan penamaan canvas nya dan ukuran canvasnya

</canvas>
<script>
    var canvas = document.getElementById("mycanvas");
    var context = canvas.getContext("2d");
    context.fillStyle="blue";
    context.fillRect(40,1,300,200);
    context.moveTo(2,1);
    context.lineTo(60,70);
    context.stroke();   
    context.fillStyle="red";
    context.shadowColor ="black";
    context.shadowOffsetx = 40;
    context.shadowOffsety = 40;
    context.shadowBlur = 20;
    context.fillRect(200,100,300,200);
   
</script>

</html>

hasilnya seperti gambar ini

nah itu aja untuk sementar..sisanya silahkan berkreasi sesuka teman-teman :D

Posted in , , , . Bookmark the permalink. RSS feed for this post.

Leave a Reply

Pages

Sandiah Notes Template Sandroid11.blogspot.com.