javascript - jade/pug 创建的canvas标签使用getContext('2d')返回null

Question

项目使用了pug，需要生成一个canvas标签，于是添加了如下代码

canvas(class='work-item_background_canvas')

但是用js获取这个对象后，调用getContext('2d')返回的是null
将对象打印出来是<canvas class="work-item_background_canvas">
请教大神是哪里出了问题？

Answer 1

像这种模版引擎首先你要确定是否生成了真正你想要的HTML ELEMENT，模版引擎最终都是生成html的，确定真的有这个dom，那就一定是js运行时的api或者哪里写错了。

题目感觉不清楚，但是应该跟pug的关系不大，检查一下canvas相关的api调用有没有问题。