-
俄罗斯方块 可用canvas绘制。查看全部
-
二次贝塞尔曲线 QuadraticCurveTo :<br> context.moveTo( x0, y0 ); //指定初始点<br> context.quadraticCurveTo( x1, y1, x2, y2 ); //指定控制点(x1, y1)和终止点(x2, y2) http://tinyurl.com/html5quadratic贝塞尔曲线演示地址查看全部
-
lineJoin: 线条与线条相交的形式 miter(default) 尖角; bevel 方角、斜切; round 圆角; miterLimit:内角与外角的距离。默认值是10,此属性只有在lineJoin = "miter"下才有效,且miterLimit >10,线条连接处自动斜切(lineJoin ="bevel")查看全部
-
context.rect(x, y, width, height); //自动绘制矩形,规划路径 context.fillRect(x, y, width, height); //绘制填充矩形 不但规划路径,还把矩形给画出来 context.strokeRect(x, y, width, height); //绘制矩形边框 不但规划路径,还把矩形给画出来查看全部
-
计算五角星顶点坐标公式 一个圆被等分成5个弧线,每个弧线代表360/5=72度, 从坐标原点向顶点的射线将72度弧线等分成2个36度,90度被分成2个36度和1个18度, 54度是一个36度和一个18度组成 角度转弧度: 度数*π/180查看全部
-
基于状态的绘制查看全部
-
RadialGradient(x0,y0,r0,x1,y1,r1) xy为原点坐标,r为半径 addColorStop(位置,颜色)查看全部
-
线条的属性:lineWidth:线条的宽度 lineCap:线条的两端帽子的样式:butt,round,square lineJoin:线条衔接时所显示的样式miter,bevel,round miterLimit:对线条衔接的miter样式显示的限制查看全部
-
lineCap只能用于线段的开始处和结尾处,不能用于线段的连接处查看全部
-
直接绘制矩形的方法查看全部
-
获得鼠标在canvas点击的位置查看全部
-
当创建一个需要描边的填充色图案时,需要先进行填充色,在描边查看全部
-
当线段较宽时,采用lineTo封闭图形时,连接处会有一个缺口。 封闭图形使用closePath来处理较好查看全部
-
1.beginPath()开始新的绘制路径。在beginPath()之后改变的状态,不会影响到beginPath()之前定义的状态。如果某个状态一直没有改变,就会一直延续的使用下去,而不会再beginPath()之后恢复为默认。 2.beginPath()的调用相当于清除之前的绘制状态(包括线条颜色,绘制点的位置等等),所以beginPath()之后的moveTo可以改为lineTo,因为调用的beginPath(),所以之前的绘制点相当于不存在。查看全部
-
Draw one line查看全部
举报
0/150
提交
取消