div étirement contenant une toile

Question

Salut, j'essaie d'avoir ceci :

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

J'ai créé du javascript pour restituer le canevas, quelqu'un pourrait-il me conseiller sur la façon d'étirer le div en fonction de la taille du canevas et si c'est possible sans javascript ??J'ai déjà essayé des solutions pour les divs imbriqués, mais cela n'a pas fonctionné.Merci

Answer 1

Utilisez un autre display pour le contenant div alors les choses devraient fonctionner (voir aussi ce 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.Le line-height: 0 est-il là pour s'assurer qu'il n'apparaît pas l'espace est rendu sous la toile.Voir également cette question.

Answer 2

Si vous pouvez déterminer lorsque votre taille de toile est modifiée, enfoncez un événement qui définira les dimensions de la DIV de manière dynamique comme selon les dimensions modifiées de la toile