如何动态地将canvas添加到div元素？ [英] How to add canvas to div element dynamically?

问题描述

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

Can I add a canvas to body dynamically using java script? I know how to add a DIV element. There are many examples out there. But how to add a canvas into a DIV element?

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);

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

Is the above code correct. Its not working for me. Please suggest me a way to do it.

推荐答案

是的，它有效。

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

Check the rendered HTML or you can simply draw something & see for yourself. (DEMO)

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

这篇关于如何动态地将canvas添加到div元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！