Question

我是一个菜鸟，我不知道为什么我的画布上没有出现任何东西。有人可以帮我吗？我想在画布上放一个黑盒子，无论如何都是这个意图。

var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 1040;
canvas.height = 400;
canvas.style.display='block';
canvas.style.marginLeft="auto";
canvas.style.marginRight="auto";

var mainFunction= function(){
ctx.fillStyle = "rgb(0, 0, 0)"; 
ctx.beginPath(); 
ctx.rect(0, 0, canvas.width, canvas.height); 
ctx.closePath(); 
ctx.fill();
requestAnimationFrame(mainFunction);
};

mainFunction();

Answer 1

您已创建了<canvas>元素，但尚未将其附加到DOM中的任何位置。也许你想要像

这样的东西

document.body.appendChild(canvas);

或其他合适的容器。

Answer 2

基本上，您没有附加到DOM的画布。

使用<canvas id="root"></canvas>;

创建一个html文件

var canvas = document.getElementById("root");

为什么画布上没有任何东西出现？

2 个答案: