Sebuah fitur di HTML 5 yaitu drag dan drop salah satunya adalah dengan file image, di postingan ini saya akan sedikit berbagi tentang mencoba fitur drag dan drop file gambar, sebelumnya perlu diperhatikan untuk HTML 5 diharapkan software browser anda adalah versi terbaru, saya mencobanya di Google Chrome v.12.xx. dan Mozila Firefox 4.0.1
cara melakukanya mudah kita tinggal drag sebuah gambar ke daerah kerja browser :
gambar dibawah ini hasil gambar yang di drag:
Source codenya seperti berikut , simpanlah dengan nama dokumen coba.html
<html>
<body>
<script type="text/javascript">
var c=document.getElementById("cobakanvas");
var cxt=c.getContext("2d");
var img=new Image()
cxt.drawImage(img,0,0);
</script>
</body>
</html>
Selamat mencoba dan berkreasi!
Tidak ada komentar:
Posting Komentar