Kumpulan Informasi Tentang Kuliah

Wednesday, August 5, 2015

Web Game : Garis Berwarna

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













.

0 komentar:

Post a Comment

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