总结了一些canvas绘制2d图形的方法,记录在博客中,以便需要的同学参考,也便于日后加深记忆. 1. 圆角矩形: 如上图:w表示矩形的宽,h表示矩形的高,r表示矩形圆角的半径.整个矩形在画布中,(0,0)点相对于画布的位置平移了(x,y)的距离. 方法: 1. 分别先算出每一段圆弧的圆心的位置.起点和终点: (圆弧:context.arc(x, y, r, sAngle, eAngle, counterclockwise)) 2. 然后再分别计算每一条线段终点的位置: (线段:起context…