-
2d下的变换矩阵，如果是3d的话就是4*4的了查看全部
-
cxt.rect(x,y,width,height);绘制出矩形的路径；cxt.fillRect(x,y,width,height);按照当前的填充色绘制一个填充的矩形；cxt.fstrokeRect(x,y,width,height);按照当前的线条绘制一个矩形。查看全部
-
canvas是基于状态来绘图，所以把所有的状态放在一起，绘图放在一起，这样更加清晰。查看全部
-
先填充颜色，再描边。外边框就不会被填充色所覆盖。查看全部
-
填充色会覆盖5px的外边框查看全部
-
context.beginPath();和context.cloasePath();成对出现，绘制封闭的多边形查看全部
-
画出200个星星查看全部
-
画多条线，使用context.beginPath()函数，避免覆盖的问题。查看全部
-
lineWidth 指定线条的宽度；strokeStyle 指定线条的样式查看全部
-
canvas是基于状态的绘制环境查看全部
-
canvas基础-画一条直线的步骤查看全部
-
创建canvas的步骤查看全部
-
绘制五角星查看全部
-
绘制五角星的函数查看全部
-
var canves = document.getElementById('canves');//取得canves对象 canves属性： canves.width=800;//设置canves的宽 canves.height=600;//设置canves的高 var context = canves.getContext('2d');//取得canves的绘图上下文环境 设置路径状态： context.moveTo(x,y); context.lineTo(x,y); context.beginPath();//路径开始 context.closePath();//路劲结束并且封闭路径 设置样式： context.lineWidth=10;//设置线条宽度 context.strokeStyle="red";//设置线条的样式 context.fillStyle="blue";//设置填充样式 开始绘制： context.stroke();//路径绘制函数 context.fill();//填充绘制函数 矩形： context.rect(x,y,width,height);//设置矩形路径状态 context.fillRect(x,y,width,height);//矩形填充绘制函数 context.strokeRect(x,y,width,height);//矩形路劲绘制函数查看全部
举报
0/150
提交
取消