Тело Сенчи нарисуют поверх моего холста - PullRequest
0 голосов
/ 19 июня 2011

Я рисую на холсте, и когда я отлаживаюсь, я вижу, что все получилось, но затем поверх него рисуется фон тела сенчи.

Мой 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, иначе я не получу закрывающий тег:.

1 Ответ

0 голосов
/ 19 июня 2011

Я думаю, что самый простой способ - добавить Ext.Panel и установить свойство html для HTML-кода, который вы хотите добавить. Например:

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

Затем добавьте панель к вашему основному контейнеру.

...