2022年7月24日
摘要：
绘制文本信息 方法描述 fillText() 在画布上绘制“被填充的”文本 strokeText() 在画布上绘制文本（无填充） 三个参数： 绘制的内容； 起点x坐标； 起点y坐标； 文本颜色使用fillStyle属性指定； 文本字体使用font属性指定，和CSS一致； textAlign属性指定水 阅读全文
摘要：
曲线的绘制和填充 语法 arc()：在当前子路经添加一条弧线； 语法：context.arc(x,y,r,sAngle,eAngle,counterclockwise); 参数描述 x 圆的中心的 x 坐标。 y 圆的中心的 y 坐标。 r 圆的半径。 sAngle 起始角，以弧度计。（弧的圆形的三 阅读全文
摘要：
矩形的绘制 语法 （1）rect()：在当前子路经添加一条弧线； 语法：context.rect(x,y,width,height); 四个参数： 起点坐标x,y：左上角坐标； 宽度width：矩形的宽度； 高度height：矩形的高度； （2）strokeRect()方法可以直接绘制一个矩形； 语 阅读全文
摘要：
绘制线和填充多边形 1.绘制线段的API是上下文对象的方法； 2.beginPath：开始定义一条新的路径； 3.moveTo：开始定义一条新的子路径，该方法确定了线段的起点； 4.lineTo：将上面定义的线段起点和指定的新的点连接起来； 5.到这里只是规划好了思路，还没有在画布上画出任何图形； 阅读全文