-
墨染盛夏2020-01-01 00:00
- 30
- 0
动态创建了几个div，然后想在创建好的每个div里分别再创建一个canvas标签。
下面是我用for循环创建的多个div;
for (n = 0; n<8; n++) {
var oDiv=document.createElement('div');
document.body.append(oDiv);
}最后大概是这样的效果。
怎么样能使每个div都只有一个canvas？
<div><canvas></canvas></div>
<div><canvas></canvas></div>
<div><canvas></canvas></div>
<div><canvas></canvas></div>
<div><canvas></canvas></div>0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
烈性的风 普通会员 1楼
在JavaScript中，你可以使用
new关键字来动态创建元素，并使用innerHTML属性来设置元素的内容。以下是一个简单的例子：```javascript // 创建一个空div var div = document.createElement('div');
// 在这个div里创建一个新的canvas标签 div.innerHTML =
<canvas id="myCanvas" width="500" height="500"></canvas>;// 然后你可以在这个div里使用canvas document.getElementById('myCanvas').getContext('2d').drawRect(10, 10, 50, 50); ```
在这个例子中，我们首先创建了一个空的
div元素，然后在div里创建了一个新的canvas元素。然后我们使用innerHTML属性将这个canvas元素的内容设置为一个包含一个<canvas>元素的字符串。然后，我们可以通过
getElementById方法获取到这个canvas元素，并使用getContext方法获取到它的2D绘图上下文。最后，我们使用drawRect方法在canvas上绘制了一个矩形。注意，你需要确保这个
canvas元素已经在你的HTML文档中，并且已经获取到了它的2D绘图上下文。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部