Elemen <canvas> pada HTML5 adalah wadah yang digunakan untuk menggambarkan grafis secara langsung pada browser, dengan menggunakan kode javascript.
<!DOCTYPE html><html> <head> <title>Test Canvas</title> <!--[if IE]> <script src="excanvas.js" type="text/javascript"></script> <![endif]--> <script src="thecanvas.js" type="text/javascript"></script> </head> <body> <h1>Program test canvas</h1> <canvas id="can" width="400" height="300" style="border: 1px dotted black"></canvas> <br /><a onclick="draw_canvas()" href="#can">Klik disini untuk menggambar</a></body></html>keterangan kode : Javascript menggunakan ID elemen <canvas> ke dalam variabel c, yaitu "mycanvas" var c = document.getElementByld("myCanvas");kemudian membuat variabel objek 2d bernama ctxvar cyx=c.getContext("2d"); |
Posts
No comments:
Post a Comment