Wednesday, August 5, 2015

Web Game : Garis Berwarna

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

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