Javascript 将html画布应用于div

我正在尝试将画布应用于特定的div

<div id="wrapper-2"></div>

这是指向我试图更改的脚本的链接

---

谢谢

您链接到的解决方案实际上没有使用

#wrapper-2

，画布html已经在页面上，正在应用：

canvas = document.getElementById('c');
ctx = canvas.getContext('2d');

canvas.width = 560;
canvas.height = 350;

---

如果要将

添加到div并在此基础上进行初始化，则需要将

附加到容器

，这就是您所拥有的：

function init() { 
    container = document.getElementById( 'wrapper-2' ); 
    canvas    = document.createElement( 'canvas' ); 
}

您正在正确地创建容器

和

（据我所知），但您缺少的是将

添加到容器

：

---

您必须附加

画布

<代码>文档.body.appendChild（画布）

function init() { 
    container = document.getElementById( 'wrapper-2' ); 
    canvas    = document.createElement( 'canvas' ); 
}

function init() { 
    container = document.getElementById( 'wrapper-2' ); 
    canvas    = document.createElement( 'canvas' ); 

    container.appendChild(canvas)
}