javascript - La balise Canvas créée par Jade/Pug renvoie null en utilisant getContext('2d')

Question

Le projet utilise pug et doit générer une balise canvas, j'ai donc ajouté le code suivant

canvas(class='work-item_background_canvas')

Mais après avoir utilisé js pour obtenir cet objet, l'appel de getContext('2d') renvoie null
Lorsque l'objet est imprimé, il s'agit de <canvas class="work-item_background_canvas">
Veuillez me dire quel est le problème ?

Answer 1

Avec un moteur de modèle comme celui-ci, vous devez d'abord vous assurer qu'il génère le HTML ELEMENT que vous souhaitez. Le moteur de modèle finira par générer du html. cet HTML ELEMENT. code>dom, alors il doit s'agir du api du runtime js ou de quelque chose d'écrit mal. HTML ELEMENT，模版引擎最终都是生成html的，确定真的有这个dom，那就一定是js运行时的api或者哪里写错了。

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

La question ne semble pas claire, mais elle n'a probablement pas grand-chose à voir avec pug. Vérifiez s'il y a un problème avec l'appel api lié ​​à canvas. . 🎜