Canvas专题

canvas基础知识

//创建canvas容器，并设置容器尺寸
let canvas= document.createElement('canvas');
canvas.width = 750;
canvas.height = 1334;

//获得canvas画布，并给画布填充背景色
let context= canvas.getContext('2d');
context.fillStyle="#21A8B6";    
//设置fillStyle只是开启了一个状态，fillRect才是填充的行为，以fillStyle的状态执行fillRect动作
context.fillRect(0, 0, 750, 1334);

异步补画

let canvas= document.createElement('canvas');
canvas.width = 750;
canvas.height = 1334;
context.drawImage(bg_dom, 67, 123, 616, 1211);
this.bg= canvas.toDataURL("image/jpg");
setTimeout(() => {
    context.drawImage(em_dom, 258, 25, 233, 69);
    this.bg= canvas.toDataURL("image/jpg");
}, 10000);

画视频

www.w3school.com.cn/html5/canva…

apiview.com/user/login#… 18842671249@163.com ht