gpt4 book ai didi

html - 以编程方式创建 HTML5 Canvas

转载 作者:技术小花猫 更新时间:2023-10-29 12:29:19 25 4
gpt4 key购买 nike

我有以下 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";

不幸的是,它没有用。我不能用这个显示任何东西。

我想知道我是否遗漏了什么。任何帮助表示赞赏。预先感谢您的帮助。

最佳答案

您需要插入新的 <canvas>元素到 DOM 中。要将它放在主体的末尾,请使用:

document.body.appendChild(canvas);

使用创建它的代码。 (如果你想把它放在不同的元素中,使用它而不是 document.body 。)

关于html - 以编程方式创建 HTML5 Canvas,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4765949/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com