以编程方式创建HTML5画布
以编程方式创建HTML5画布
提问于 2011-01-22 11:16:56
我有以下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";不幸的是，它没有起作用。我不能用这个显示任何东西。
我在想我是不是错过了什么。任何帮助都是非常感谢的。提前感谢您的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-01-22 11:23:29
您需要将画布实际附加到文档。在此之前，它只是一个分离的元素，浏览器不会呈现它。
var canvas = /* ... */;
/* ... */
document.getElementsByTagName('body')[0].appendChild(canvas);Stack Overflow用户
发布于 2011-01-22 11:23:28
需要将新的<canvas>元素插入到DOM中。要将其放在正文的末尾，请使用：
document.body.appendChild(canvas);使用创建它的代码。(如果您希望将其放入另一个元素中，请使用该元素而不是document.body。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4765949
复制相关文章
相似问题
腾讯云开发者
