绘图功能Canvas的lineTo的终点开始绘制。closePath（）：连接最后的点和最初的点并关闭路径绘制。描边样式：lineWidth是指描边的线条宽度lineJoin用来修饰当前形状中线段的连接方式，可以把它的值设置为round、bevel和miter3个选项。lineCap用来指定线条末端的样式，可以把它设置为butt、square或roundmiterLimit用来设定外延交点与连接点的最大距离strokeStyle用来改变线条的颜色。绘制曲线：arc（X，Y，radius，startAngle，endAngle，anticlockwise）参数X和Y为圆心坐标，r为半径，startAngle为起始角度，endAngle为结束角度，anticlockwise为顺时针还是逆时针。bezierCurveTo（cp1x，cp1y,cp2x,cp2y,x,y）cp1x为第一个控制点的横坐标，cp1y为第一个控制点的纵坐标，cp2x为第二个控制点的横坐标，cp2y为第二个控制点的纵坐标，x为贝济埃曲线的终点横坐标，y为贝济埃曲线的终点纵坐标。quadraticCurveTo（cpX，cpY，x，y）cpX为控制点的横坐标，cpY为控制点的纵坐标，x为曲线终点的横坐标，y为曲线终点的纵坐标。在canvas中插入图像在drawImage（img，x，y）方法中，image是image或者canvas对象，x和y是其在目标canvas中的起始坐标。绘制渐变图像：在canvas绘图中支持两种类型的渐变：线性渐变和放射性渐变createLinearGradient（x0,y0,x1,y1）表示渐变的起点、终点createRadialGradient(x0,y0,r0,x1,y1,r1)沿着两个圆之间的锥面绘制渐变。该方法创建并返回一个新的CanvasGradient对象，该对象在两个指定圆的圆周之间放射性的插入颜色，注意，这个方法并没有指定任何用来渐变的颜色。缩放canvas对象使用scale（X，Y）比如X为2，就代表所绘制的图像中全部元素都会变成两倍宽。translate这个方法用来指定新的原点坐标，后续操作的坐标值都是相对于新的原点坐标来操作取值。若要恢复原点坐标，可以使用restore（）方法。旋转rotate（angle），angle为正数时，按顺时针方向旋转。Canvas文本应用：fillText（text，x，y，maxwidth）将对文本应用填充式渲染strokeText（text，x，y，maxwidth）对文本进行描边渲染shadowColor：阴影颜色shadowBlur:设置阴影模糊程度shadowOffsetX与shadowOffsetY：阴影的X和Y偏移量，单位是像素。像素处理：
本文档为【绘图功能Canvas】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
浙公网安备 33021202002483