要在HTML5中绘制图形,首先要放置一个canvas元素
canvas的代码实际上是放在JavaScript脚本中的,因此,要先获得该元素的id
var canvas =document.getElementById("canvas");
if (canvas==null) return false;
var context=canvas.getContext("2d");
context.fillStyle="#eeeeff";
context.fillRect(0,0,400,300);
context.fillStyle="red";
context.strokeStyle="blue";
context.lineWidth=1;
context.fillRect(50,50,1001,100);
context.strokeRect(50,50,100,100);
全部代码
example for html5tips