dimensione predefinita della canvas

Chrome sembra impostare i tag canvas su una larghezza predefinita di 300 px.

Questo è un po ‘fastidioso quando voglio una canvas di default della dimensione di essa che contiene div, che ha una dimensione non specificata.

Usando l’esempio qui , mi piacerebbe che la canvas fosse predefinita alla larghezza dell’intestazione con riempimento aggiunto.

Spero che abbia un senso.

È ansible senza javascript?

Finnnn, hai ragione.

Dalla specifica html5, http://www.w3.org/TR/2012/WD-html5-author-20120329/the-canvas-element.html#the-canvas-element

L’elemento canvas ha due attributi per controllare la dimensione dello spazio delle coordinate: larghezza e altezza.

Questi attributi, quando specificato, devono avere valori che sono numeri interi non negativi validi.

L’attributo width viene impostato su 300 e l’attributo height su 150 .

Disporre il layout in modo tale che vi sia un div e l’ unico lavoro di quel div è quello di dettare ed essere la dimensione che si desidera che la canvas sia.

var canvas = document.createElement('canvas'); canvas.width = div.clientWidth; canvas.height = div.clientHeight; 

Quindi aggiungi la canvas al div.

Posso confermare che in Chrome, la dimensione predefinita è 300 x 150 px.