HTML5绘制几何图形

CanvasRenderingContext2D只提供了2个方法来绘制几何图形：
1.填充矩形区域：

fillRect(double x, double y, double width, double height) 

2. 填充矩形边框

strokeRect(double x, double y, double width, double height)

其他几何形状（如圆、三角形等）将使用路径的方式绘制。
如示例：

Demo.png