Monday, August 3, 2015

Web Game : Garis Tebal

Dalam tulisan sebelumnya di Lines, sudah dijelaskan tentang membuat garis dalam halaman web dengan pendekatannya ke web game programming, garis dibuat secara normal, kita dapat juga menentukan tebal garis dengan menggunakan properti lineWidth pada context. Format script yang digunakan untuk mempertebal garis: 

context.lineWidth=[nilai];

Contoh:
<html>
    <head>
        <script>

            window.onload = function(){
                var canvas = document.getElementById("myCanvas");
                var context = canvas.getContext("2d");

                context.moveTo(100, 150);
                context.lineTo(450, 50);
                context.lineWidth = 15;
                context.stroke();        
            };

        </script>
    </head>
    <body>
        <canvas id="myCanvas" width="640" height="480">
        </canvas>
    </body>
</html>

Hasilnya:













.

0 komentar:

Post a Comment

 
Copyright © . Grup Kuliah - Posts · Comments
Powered by Blogger
close
==[ Klik disini 1X ] [ Close ]==