canvas --（重点）

canvas画图位置

创建画布三步骤

1. 通过标签创建画布（注意：不能使用css给画布设置样式 只能使用内联或者js）

2. 通过js获取画布

let c3 = document.getElementById('c3')

4. 通过js获取画笔对象

let ctx = c3.getContext("2d")

绘制文字

   let c3 = document.getElementById('c3')
    let ctx = c3.getContext('2d')
    let str = 'sdhjkhadsd'
    ctx.textBaseline = "top"
    ctx.strokeText(str, 0, 0)

绘制线条

绘制图片

svg

创建直线

线性渐变

创建完渐变 后应用

滤镜

拖放

WEBSOCKET图解