立即绘制图形方法仅有两个strokeRect(),fillRect(),两个方法都是用来绘制矩形的。...fillRect(x, y, w, h): 绘制一个填充的矩形
我们先来看看基于路径的绘制矩形的方法
moveTo(), lineTo()
function drawRect(){
// 描边矩形...rect()绘制矩形
rect(x, y, w, h):绘制一个封闭的矩形路径
参数x, y 分别为矩形左上角的坐标,w, h 分别为矩形的宽高
function drawRect(){
ctx.beginPath..., canvas.height);
绘制圆角矩形
在第五章中(canvas学习总结五:线段的端点与连接点)我们介绍了lineJoin属性 用来设置线的连接点的样式,因此我们可以绘制圆角矩形
function...立即绘制矩形
strokeRect(x, y, w, h): 绘制一个描边的矩形
fillRect(x, y, w, h): 绘制一个填充的矩形