Sencha的身體背景畫在我的畫布上

我在畫布上繪畫，當我調試時，我可以看到我完成了所做的事情，但是然後sencha身體背景被繪製在它上面。Sencha的身體背景畫在我的畫布上

我的HTML是：

<body> 
<canvas id="canvas"></canvas> 
</body>

，我有一些JavaScript，吸引了我需要的東西。

所以我畫在畫布內，但是所生成的HTML代碼有它在我的畫布上面畫的下面：

<body id="ext-gen1003" class=" x-desktop" style="width: 879px; height: 386px; ">

如果我評論的sencha.css我沒有問題了，但更多的東西隨着它消失了，所以這是不是一個解決方案我可以做些什麼來獲得背景上的畫布？

編輯：我發現了一個解決辦法是手動創建標籤並將其添加到文檔：

canvas = document.createElement("canvas"); 
canvas.id = "canvas"; 
canvas.innerHTML = "myCanvas"; 
document.body.appendChild(canvas);

，但我相信一定會有一個更好的解決方案，此外，在這裏我需要補充的東西在innerHTML，否則我不會收到結束標記：。

2011-06-19 marimaf

我認爲最簡單的方法是添加一個Ext.Panel並將html屬性設置爲您要添加的html代碼。例如：

var panel = new Ext.Panel({ html: '<canvas id="canvas"></canvas>' });

然後將面板添加到任何主容器。

2011-06-19 08:17:50

我只是試過，它繪製了0高度的畫布，我嘗試用高度手動設置高度：「100％」和高度：「310」，但我得到寬度：1280和高度：0。將此面板添加到我的主面板的項目中，並作爲dockedItem，兩者都不起作用。有關如何設置高度的任何想法？謝謝 – marimaf

嘗試設置面板配置對象的高度（您傳遞給構造函數的東西）也嘗試設置全屏：true或佈局：'fit' –

以像素爲單位設置高度： –

回答