HTML5 中的 Canvas 繪圖
HTML5技術前言目錄過去現在未來JavaScript修改進化儲存記憶資料庫網路連接衛星定位通知拖拉HTML修改進化新標記影音物件2D 繪圖3D 動畫CSS修改進化字體特效選擇器開發工具Node.jsTitaniumPhoneGapAptana Studio應用工具應用工具雲端網站mugeda 動畫製作訊息相關網站參考文獻最新修改簡體版English |
程式範例<html> <head> <script type="application/javascript"> function draw() { var canvas = document.getElementById("canvas"); if (canvas.getContext) { var ctx = canvas.getContext("2d"); ctx.fillStyle = "rgb(200,0,0)"; ctx.fillRect (10, 10, 20, 20); // ctx.fillText("Sample String", 40, 10); ctx.fillText("Sample String", 10, 50); } } </script> </head> <body onload="draw();"> <canvas id="canvas" width="150" height="150"></canvas> </body> </html> 執行結果 參考文獻
|
page revision: 8, last edited: 29 Dec 2011 03:55
Post preview:
Close preview