<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> canvas{ background-color: red; } </style> </head> <body> <canvas id="myCanvas"/> </body> <script type="text/javascript"> var c=document.getElementById("myCanvas");//获取html5标签 var cxt=c.getContext("2d");//获取画笔 cxt.fillStyle="grey";//设置画图颜色 cxt.fillRect(0,0,150,75);//沿画布0，0位置画出150*75的矩形 </script> </html>