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呼叫有沒有問題。