Elemen Canvas merupakan elemen baru pada teknologi HTML 5. Keungggulan elemen ini adalah dapat dilakukan proses rendering sehingga memungkinkan untuk membuat animasi dan game berbasis web. Untuk membuat elemen Canvas menggunakan tang <canvas> dan ditutup atau diakhiri dengan </canvas>. Atribut yang dipakai adalah tag id, widht, dan height. Atribut id pada canvas dapat digunakan oleh JavaScript untuk melakukan kontrol dan pengaturan animasi.
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");
// lakukan animasi, render, di sini
};
</script>
</head>
<body>
<center>
<canvas id="myCanvas" width="640" height="480">
</canvas>
</center>
</body>
</html>
Hasilnya:
.
0 komentar:
Post a Comment