Taille du canevas HTML
Je veux redimensionner dynamiquement la taille du canevas en fonction du contenu d'un DIV. je suis en utilisant le Code suivant mais il ne semble pas fonctionner.
<canvas id="canvas1" width="800" height="2000" > <canvas>
Javascript
document.getElementById("canvas1").style.height = document.getElementById("div").style.height;
document.getElementById("canvas1").style.width= document.getElementById("div").style.width;
Aussi je veux que la toile est chargé automatiquement , Comment dois-je faire ? sur un $(document).ready
événement ?
Comment vais-je le faire aussi ?
- qu'entendez-vous par chargé automatiquement?
- Je voulais dire que dès que la page loades la taille suivante est atteint
- Mettez votre redimensionnement de code dans une fonction, et appeler cette fonction en réponse à corps redimensionner les événements ainsi que d'une fois sur le document prêt ou d'une fenêtre onload.
- Je l'ai fait mais ça ne marche pas 🙁
- Êtes-vous à l'aide de jQuery? Parce que
$(document).ready
est jQuery, mais ton exemple ne l'est pas.
Vous devez vous connecter pour publier un commentaire.
Utilisation
offsetWidth
pour obtenir les dimensions de l'élément (y compris les bordures)..width/height
de la toile; vous aurez également besoin de redessiner le contenu ensuite.width/height
mais sanspx
. Voir ma mise à jour.