-
context.lineWidth=5；//给直线一个5px的宽度； context.strokStyle=“red”；//给直线一个颜色； //在之前我们画了一条直线，当在lineTo（）方法后面再加一个lineTo（）方法时 context.lineTo（100,700）；//以上个lineTo（）为起点继续画一条直线 context.lineTo(100,100)；//当最后一条线的终点又回到初始的起点时，就形成了由三条直线形成的封闭图形（三角形）； //那么怎么在这个三角形中填充颜色呢 context.fillStyle=“rgb（0，0,0）” context.fill（）； //这样就形成了一个有填充颜色有边框颜色的三角形了 //如果再在下面画一条直线并且写上颜色样式，那么上面三条线的样式都会覆盖掉，都会显示下面那条线的样式 context.beginPath（）； context.moveTo（100,100）； context.lineTo(700,700)； context.closePath（）； context.strokeStyle=“red”； context.stroke()； //在状态前后加上beginPath（）和closePath（）方法可以单独设置样式 //那个closePath的使用和 beginPath 不是组合使用 这里讲的不太清楚 虽然看似一个是开始 一个结束路径 但是不是表示路径的开始于结束 beginPath方法类似于开启新的路径绘画或清空已有路径 而closePath并不是用来表示结束 而是功能性的 做图形闭合处理（从最后的状态点自动lineTo回归起始点封口）查看全部
-
怎么画一条直线 context.moveTo(100,100);//笔尖在（100,100）位置开始 context.lineTo（700,700）；//笔尖滑到（700,700）位置 //状态设置（只是设置了笔尖的状态，还没有开始动作） context.stroke（）； //绘制设置好的状态查看全部
-
根据屏幕的分辨率改大小查看全部
-
canvas.width canvas.height canvas.getContext('2d')查看全部
-
context.arc()这个方法是用来画弧线的 里面要填充5个必填参数和1个可选参数 5个必填参数：centerx:弧形的x轴中心点 centery:弧形的y轴中心点 radius:弧形的半径 startingAngle:从哪个弧度开始 endingAngle:到哪个弧度结束 弧度的单位都是pie 1个可选参数：anticlockwise=false 设置是否从逆时针方向开始绘制查看全部
-
update()函数具体实现查看全部
-
updata()查看全部
-
动画架构查看全部
-
1、context.moveTo(x,y) 这是画笔的起点 2、context.lineTo(x,y) 这是画笔的终点，可以有多个，这个多边形有几画，lingTo就有几个 3、要绘制多个多边形时，可以用context.beginPath()和context.closePath()来分开 4、context.lineWidth=5 设置多变形的外框宽度 5、context.strokeStyle = "red"设置多边形外框的颜色 6、context.fillStyle="red" 设置多边形的填充颜色 7、context.fill()开始填充颜色 8、context.stroke()开始绘制图形查看全部
-
1、通过if(canvas.getContext("2d"))来判断当前浏览器是否支持Canvas 2、在js中通过canvas.width=xxx 和 canvas.height=xxx同样可以设置canvas的大小，不过数值后面没有px单位查看全部
-
1、给Canvas指定大小时不能用css文件指定，必须写在Canvas的标签内，因为Canvas的大小不仅仅是指这个标签的大小，还制定了显示内容的分辨率的大小查看全部
-
Canvas，web的文艺复兴查看全部
-
tangram 数组查看全部
-
draw函数查看全部
-
从0到cnt-1都是在画布里的小球，从cnt到balls.length都是画布外的小球查看全部
举报
0/150
提交
取消