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