一:strokeRect(X,Y,W,H)
通过此方法可以实现在网页的指定位置画出指定大小的矩形。
参数1:X就是指定了X轴的位置,值越大越往右。
参数2:Y就是指定了Y轴的位置,值越大越往下。
参数3:W就是指定了矩形的宽度。
参数4:H就是指定了矩形的高度。
二:context.moveTo(100,100);
通过X轴跟Y轴确定一个开始点。
三:context.lineTo(350,350);
通过X轴跟Y轴确定一个结束点。
四: stroke()
连接moveTo跟lineTo,然后根据指定的颜色进行颜色渲染。