前端-图形图像

drawImage(image , sx , sy , sw , sh, dx , dy , dw , dh) :参数sx、sy、sw、sh，表示源图像需要截取的范围。参数sx，表示源图片被截取部分的横坐标。参数sy，表示源图片被截取部分的纵坐标。参数sw，表示源图片被截取部分…

lineWidth:定义线宽。 measureText()：该方法不能绘制文本，它只是用于获取文本的宽度。 font: 定义字体的类型，大小，粗细等等。

arc(x,y,r,beginAngle,endAngle,anticlockwise): 参数分别表示 圆心坐标，起始角度，结束角度，是否逆时针绘制，默认为false，也就是默认按顺时针绘制。 closePath(): 闭合路径，这样会形成一个封闭的图形，如果不适用close…

这一点需要重点理解。 moveTo(x,y): 定义画笔的起始位置，X对应画笔在canvas中的x轴坐标，y值对应y轴坐标。 strokeRect(X,Y,width,height): strokeRect()方法用于确定矩形的坐标，其中x和y为矩形最左上角的坐标。注意，凡是对…

在HTML5来临之前，大多数网页上比较绚丽的效果都是借助图片来完成，这种方法可以实现需求，但是这种图片的方式是以“低性能为代价换取来的”，这往往不是最佳的实践方案。 我们都知道HTML5的发布带来了许多更加有用的东西，其中就包括一个特殊的标签 Canvas， Canvas是一种…