我的画布不会追加

Question

即使我创建了它，我也在处理一个不存在的canvas元素。它不会附加到身体或其他元素上。

var el = document.getElementById("container");
var cv = document.createElement("canvas");
el.appendChild(cv);
document.body.appendChild(cv);

Answer 1

var cv = document.createElement("canvas");
console.log("If this exists it will return '<canvas></canvas>':", cv);
document.body.appendChild(cv);
var ctx = cv.getContext("2d");
ctx.fillRect(20, 20, 150, 100);

Answer 2

试试这个

您的canvas元素将附加到容器元素。 文档正文的容器元素。

＆＃13;

＆＃13;

var el = document.createElement('div');
el.setAttribute("id", "container");
var cv = document.createElement("canvas");

var ctx = cv.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(20, 20, 150, 100);
el.appendChild(cv);
document.body.appendChild(el);

＆＃13;

＆＃13;

＆＃13;