背景
公司内部项目是基于c++,java,前端做的一套视频剪辑系统。初次接触项目接到的第一个任务是抛开sdk模拟视频播放,前端部分使用的是canvas,我使用视频绘制成帧。
代码
let ctx=document.getElementById('canvas').getContext
ctx.clearRect(0,0,100,100)
Uncaught TypeError: Cannot read properties of null (reading 'clearRect')
异常原因
因为之前c++底层使用了当前canvas上的webgl,一个canvas只能赋予一种模式。
小结
在初始化canvas之前可加此句使提示api
/** @type {HTMLCanvasElement} */