Kumpulan Informasi Loker dan Kuliah di Indonesia

Wednesday, July 29, 2015

Web Game : Lines

3:20:00 PM Posted by Abdul Rohman 3 comments
Line merupakan komponen paling sederhana yang disediakan oleh HTML 5 Canvas. Line dapat dibuat dengan menggunakan method seperti moveTo(), lineTo(), dan stroke().

Contoh:
<html>
    <head>
<style>
        canvas {
            border-width: 1px;
   border-style: solid;        
        }
        </style>
        <script>
            window.onload = function(){
                var canvas = document.getElementById("myCanvas");
                var context = canvas.getContext("2d");
                context.moveTo(100, 150);
                context.lineTo(450, 50);
                context.stroke();        
            };
        </script>
    </head>
    <body>
        <canvas id="myCanvas" width="640" height="480">
        </canvas>
    </body>
</html>

Hasilnya:















.

3 comments:

  1. 79AFF3330254
    Sosyal medya hesaplarınızın hızlı ve etkili büyümesini istiyorsanız güvenilir bir smm panel kullanmanız faydalı olacaktır. Bu panel sayesinde takipçi sayınızı artırabilir etkileşiminizi yükseltebilirsiniz. Özellikle Dambadijital'in sunduğu smm panel hizmetleri kullanıcılar tarafından tercih edilmektedir. Doğru ve kaliteli hizmet için mutlaka bu paneli deneyebilirsiniz.

    ReplyDelete