Растяжение DIV, содержащее холст

Question

Привет, я пытаюсь сделать это:

<div>
<canvas height="300px" width="200px"></canvas>
</div>

Я создал JavaScript для рендеринга холста, может кто-то совет, как растянуть Div в зависимости от размера Canvas, и если это возможно без JavaScript ??Я уже пробовал решения для вложенных Divs, но это не сработало.Спасибо

Answer 1

Используйте другой генеракодицетагкод для содержащего генеракодицетагкод, то вещи должны работать (см. Также Это jsfiddle ): .

<div>
    <canvas height="300px" width="200px"></canvas>
</div>

.

CSS:

div {
    border: 2px solid blue; /* demo purposes */
    display: inline-block;
    line-height: 0;
}
canvas {
    background-color: khaki; /* demo purposes */
}

.

PS.Генеракодицетагкод, чтобы убедиться, что там появляется нет Пространство отображается ниже холста.Смотрите также Этот вопрос .

Answer 2

Если вы сможете определить, когда размер холста изменен, то уволить событие, которое будет установить размеры динамически, как в соответствии с измененными размерами Canvas