苜葉

摘要： canvas一样可以使用图形变换。 位移，translate（x, y）； 旋转：rotate(deg)； 缩放：scale(sx，sy)； 但这个过程有个陷阱，如 效果如下： 可以发现，translate的数据叠加了。所以在绘制过程中应该使用save（）和restore()。在使用了图形的变换时， 阅读全文

摘要： 五角星的绘制 根据上图可以求得每个点的坐标，由此可以编写一个绘制五角星的函数。 cxt未绘图上下文环境，r为小圆半径，R为大圆半径，x，y为两圆的圆心，rot为旋转的角度（顺时针方向转，因为函数里面点的计算是逆时针的，所以在算这个旋转角度的时候需要减去）。 很多图形都可以利用这个思路来绘制。 阅读全文

摘要： canvas绘图接口： 矩形的绘制 cxt.rect(x, y, width, height)cxt.rect(x,y,width,height) 该方法只是创建一个矩形路径，并没有绘制。绘制要加上cxt.stroke()或者用cxt.fill()。或者直接用下列方法进行实际的绘制（下列方法不需规划 阅读全文