Как контролировать расположение холста в документе? - PullRequest
Новая
       60

Как контролировать расположение холста в документе?

1 голос
/ 09 июля 2020

У меня есть приложение C ++ с пользовательским интерфейсом, который я преобразовал в JS с помощью em cc.

Пользовательский интерфейс этого приложения принимает форму холста на веб-странице и добавляется к тело. Как я могу контролировать, где добавляется холст?

Что, если я хочу, чтобы холст был добавлен к #my-container вместо тела?

Ура!

1 Ответ

0 голосов
/ 05 августа 2020

Из выходного файла html по умолчанию вы получите этот код с помощью команды построения с -o arg (например): 

 emcc source.c ... -o myapp/index.html

.emscripten { padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
div.emscripten { text-align: center; }      
div.emscripten_border { border: 1px solid black; }
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
canvas.emscripten { border: 0px none; background-color: black; }

Также интересная точка: 

<div class="emscripten_border">
 <canvas class="emscripten"
         id="canvas"
         oncontextmenu="event.preventDefault()"
         tabindex=-1 >
 </canvas>
</div>

Проверяю отношения контейнера холста, никаких проблем нет. Вы можете управлять с помощью холста и контейнера в любых направлениях.

Не волнуйтесь, emscripten use id = "canvas" arg no miss.

Будьте осторожны, задавая ширину и высоту элементу холста.

Это другой эффект на графике в следующем примере -> 

<canvas style="width:100%"></canvas> 

<canvas width="100%"></canvas>

Тест с отладчиком следующая ссылка:

что-то. html

...