<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas">您的浏览器不支持。</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="red";
cxt.fillRect(0,0,100,100);
</script>
</body>
</html>
【代码很简单，浏览器代开之后是一个100*100的红色矩形。rect(x, y, width, height) 绘制矩形，其中xy为矩形的左上角坐标，width height 定义矩形的长和宽。】