-
没有专门绘制阴影的函数，在设置了关于阴影的状态量之后阴影就会自动出现。
四个状态量：
context.shadowColor、context.shadowOffsetX、context.shadowOffsetY、context.shadowBlur
查看全部 -
度量文本的用context.measureText(String).width，需要提前确定font状态，目前只能获得宽度不能获得高
查看全部 -
文本水平方向对齐 设置状态context.textAlign(left center right)，以fillText或strokeText的X值为参考
文本垂直方向对齐 设置状态context.textBaseline(top middle bottom ideographic hanging alphabetic)
查看全部 -
context.font设置状态，五个参数依次是font-style(italic oblique)、font-variant(small-caps)、font-weight(bold lighter bolder)、font-size、font-family
查看全部 -
x0,y0是arcTo()的绘制起点，但不一定是切点当半径过大时，切点在延长线上
查看全部 -
context.fillRect(x,y,width,height)
context.strokeRect(x,y,width,height)矩形左上角坐标和长宽
表示颜色的方式
查看全部 -
context.closePath()封闭图形
context.beginPath与context.closePath()成对出现绘制封闭图形
封闭多边形之后可以为图形上色
例：context.fillStyle=“yellow”
context.fill()
5.对于填充色之后线条边框变窄，可以将stroke和fill交换位置，先进行颜色填充，后绘制边框
将所有的状态放在一起，绘制放在一起，不影响结果
查看全部 -
moveTo笔尖的位置
lineTo绘制终点位置
context.beginPath声明进行一段全新的绘制，开启新的状态
为了代码的一致性，最好写beginPath
beginPath+lineTo=moveTo
查看全部 -
获取canvas标签
getElementById得到canvas标签
获取canvas上下文绘图环境
查看全部 -
context.arcTo(x1,y1,x2,y2,radius)绘制圆弧
查看全部 -
绘制矩形：cxt.rect(x,y,width,height）左上角的横纵坐标、矩形的宽和高
cxt.fillRect(x,y,width,height)
cxt.strokeRect(x,y,width,height)
查看全部 -
ctx.measureText('').width获取文本宽度
查看全部 -
画一条线 moveTo(10,10)起始位置 lineTo(10,100)截止位置查看全部
-
五角星绘制
查看全部 -
canvas 绘制贝塞尔曲线！
查看全部
举报