如何動態添加畫布到div元素？

我可以使用java腳本動態地將畫布添加到身體嗎？我知道如何添加DIV元素。那裏有很多例子。但是如何將畫布添加到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);

上述代碼是否正確。它不適合我。請給我一個方法來做到這一點。

來源

2014-04-01 user3454558

它確實與我合作（我使用的是Chrome）。打開Developer Tools窗口並檢查你的DOM的body元素。 –

[代碼工作正常（Firefox）]（http://jsfiddle.net/6kL8W/1/） – Andy

它應該工作，但你應該關心添加畫布尺寸（寬度和高度） – ProllyGeek

是的，它的工作原理。

檢查呈現的HTML，或者你可以簡單地畫一些東西&看你自己。（DEMO）

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

來源

2014-04-01 10:38:46 loxxy

如何動態添加畫布到div元素？

回答

相關問題