Loker dan Kuliah

Kumpulan Informasi Loker dan Kuliah di Indonesia

Monday, August 3, 2015

Web Game : Garis Tebal

2:17:00 PM Posted by Abdul Rohman 5 comments
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:













.

5 comments: