谢冬 发表于 2023-3-23 11:35:22

ES6_day01

### 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】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: ES6_day01