|
|
### canvas特性
标签中的文本只有在浏览器下支持canvas标签时才显示
行内块元素
高度设置在标签属性上
### 填充色设置
ctx.fill
### 线条颜色设置
ctx.stroke
### 线条粗细
ctx.lineWidth=""
线 moveTo(x,y) 开始位置 lineTo(x,y) 结束位置
### 线条端点
ctx.lineCap="round" 圆滑
### 圆弧
ctx.arc(圆心x,圆心y,半径，开始弧度,结束弧度，顺逆时针)
弧度3点钟位置是0，顺时针方向6点 1/2Π 9点Π 十二点1.5Π 重新到3点2Π
最后参数默认false,顺时针
### .beginPath() 开始新路径
### 矩形
.strokeRect(x,y,width,height)和.fillRect(x,y,width,height) 直接绘制矩形
closePath() 封闭路径 将开始位置和结束位置链接
### 文字
.strokeText("1234",x,y)
.fillText("1234",x,y)
.font="px 黑体"
### 图片
.drawImage(img元素，图片水平裁剪的开始位置，图片垂直裁剪的开始位置，裁剪的宽带，裁剪的高度，画布放置位置x，画布放置位置y，放置宽度、放置高度)
(img,放置x,放置y) 图片大小与原图一致
(img,放置x，放置y,防止宽度，放置高度)
来源:https://www.cnblogs.com/xinyuxiangwang/p/17246696.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！ |
|
