キャンバスには追加されません

Question

私はそれを作成したにもかかわらず、既存のキャンバス要素を扱っています。それは単に身体または他の要素に付加されません。

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要素をコンテナ要素に追加されてみます。 文書本体のコンテナ要素。

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);