如何动态地将canvas添加到div元素？

Question

我可以使用java脚本动态地向画面添加画布吗？ 我知道如何添加DIV元素。那里有很多例子。但是如何将画布添加到DIV元素中？

var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);


var innerDiv = document.createElement('canvas');
innerDiv.className = 'block-2';


iDiv.appendChild(innerDiv);

以上代码是否正确。它不适合我。请建议我这样做。

Answer 1

是的，它有效。

检查呈现的HTML或者您可以简单地绘制一些东西＆amp;你自己看。 （DEMO）

innerDiv.getContext("2d").fillRect(50, 25, 100, 100);