踩坑_Canvas

387 阅读1分钟

背景

公司内部项目是基于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} */