<canvas></canvas>
原创文章，转载请注明来源，谢谢
<script>
mycanvas=document.getElementById("mycanvas");
ctx = mycanvas.getContext("2d");
ctx.translate(0.5,0.5); //html5 canvas 线太粗的解决方法
//画矩形
ctx.beginPath();   //这行必须有，不然看不到效果
ctx.lineWidth = 1;
ctx.strokeRect(100,100,200,200);
ctx.closePath();
</script>