getContext("2d"); 创建对象"2d"
矩形
fillRect(x, y, width, height):绘制一个填充的矩形。...strokeRect(x, y, width, height):绘制一个矩形的边框。
clearRect(x, y, widh, height):清除指定的矩形区域,然后这块区域会变的完全透明。...(text,x,y) - 在 canvas 上绘制空心的文本
渐变
渐变可以填充在矩形, 圆形, 线条, 文本等等, 各种形状可以自己定义不同的颜色。...addColorStop()方法指定颜色停止,参数使用坐标来描述,可以是0至1.
使用渐变,设置fillStyle或strokeStyle的值为 渐变,然后绘制形状,如矩形,文本,或一条线。...,浏览器应该在该
域中显示填写的选项。