Html5 Toile hauteur et la largeur d'attribut

Question

Jusqu'à présent, je suis ma toile donnant des attributs tels que: -

<canvas id="myCanvas" width="915" height="650" style="border: 2px double #000000;"></canvas> 

Cependant, maintenant je suis venu à travers un scénario, où ma taille de toile est pas statique. Il doit être dynamique. Par exemple parfois, je dessine un graphique X-Y sur ma toile avec 20 rangées et d'autres fois 100 rangées. Ce qui signifie que l'étiquetage de l'axe des y est dynamique et variable. Je ne sais pas cela au début de mon script où dans ma vieille méthode j'assigne ma taille.

donc ce que je dois est un compteur qui, garder une trace de pas d'étiquettes sur l'axe des y (par exemple count` = 0, compter ++)

Maintenant, comment puis-je mettre à jour dynamiquement la hauteur la toile de mon script?

Quelqu'un peut-il aider?

Answer 1

Vous pouvez augmenter la hauteur de la toile vous comme ceci:

var c=document.getElementById("myCanvas"); 
c.height = whatEverHeightYouNeed; 

Si vous changez la hauteur avec CSS, vos dessins de toile seront déformés.