Loker dan Kuliah

Kumpulan Informasi Loker dan Kuliah di Indonesia

Wednesday, August 5, 2015

Web Game : Garis Berwarna

12:38:00 PM Posted by Abdul Rohman 4 comments
Dalam tulisan sebelumnya Garis Tebal telah menambahkan nilai properti lineWidth sehingga garis yang tadinya normal akan bisa dimodifikasi dari tingkat ketebalannya. Selain menentukan ketebalan suatu garis, Kita dapat juga menentukan warna dari garis, dengan menggunakan format:

context.strokeStyle=[nilai]

Nilai diatas diberikan kode warna seperti "#ff0000" yaitu warna merah.

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 = 10;
                context.strokeStyle = "#ff0000";
                context.stroke();        
            };
        </script>
    </head>
    <body>
        <canvas id="myCanvas" width="640" height="480">
        </canvas>
    </body>
</html>

Hasilnya:













.

4 comments: