Kumpulan Informasi Tentang Kuliah

Monday, August 3, 2015

Web Game : Garis Tebal

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













.

0 komentar:

Post a Comment

close
==[ Klik disini 1X ] [ Close ]==