Belajar load image di html5
Sambil browsing dan tanya taufik, salah satu teman yang sudah mengerti. Akhirnya bisa juga .... alhamdulillah
ini dia programnya:
<DOCTYPE = HTML>
<html lang = "en">
<html>
<head>
<title>Insert Image</title>
</head>
<body>
<canvas id="dasar" width="640" height="480"></canvas>
<script>
var canvas = document.getElementById('dasar');
var context = canvas.getContext('2d');
var Obj = new Image();
function Test(){
Obj.onload = function(){
context.drawImage(Obj,0,0,100,100)
}
Obj.src = "tangan/iron_man_helmet.jpg";
//document.body.appendChild(Obj);
}
Test();
</script>
</body>
</html>
Tidak ada komentar:
Posting Komentar