Breaking News
recent

Belajar Canvas menggunakan HTML 5

nah..lagi dan lagi aku tuh bingung setiap mau posting, bagusnya untuk kata pembuka tuh apa.
oke lanjut aja deh..thinking
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 winking
Jauzi MJS

Jauzi MJS

Tidak ada komentar:

Posting Komentar

Diberdayakan oleh Blogger.