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