<!DOCTYPE html> <html> <head> <title>first page</title> </head> <body> <!--定义一个canvas--> <canvas id="mycanvas" width="200" height="200"></canvas> </body> <script type="text/javascript"> var myc = document.getElementById("mycanvas"); <!--创建context对象--> var hb = mycanvas.getContext("2d"); hb.fillStyle = "#bebebe"; hb.fillRect(0,10,750); </script> </html>
调试截图：
