我有以下HTML代码片段
<body onload="main()" >
...
<canvas id="myId" class="myClass"></canvas>
...
</body>
它的工作方式与预期一致。我可以正确地显示输出。
然后我删除
<canvas id="myId" class="myClass"></canvas>
因为我想用以下JavaScript代码片段以编程方式创建它
var canvas = document.createElement("canvas");
canvas.className = "myClass";
canvas.id = "myId";
不幸的是,它没有起作用。我不能用这个显示任何东西。
我在想我是不是错过了什么。任何帮助都是非常感谢的。提前感谢您的帮助。
发布于 2011-01-22 11:23:29
您需要将画布实际附加到文档。在此之前,它只是一个分离的元素,浏览器不会呈现它。
var canvas = /* ... */;
/* ... */
document.getElementsByTagName('body')[0].appendChild(canvas);
发布于 2011-01-22 11:23:28
需要将新的<canvas>
元素插入到DOM中。要将其放在正文的末尾,请使用:
document.body.appendChild(canvas);
使用创建它的代码。(如果您希望将其放入另一个元素中,请使用该元素而不是document.body
。)
https://stackoverflow.com/questions/4765949
复制相似问题