tag figcaption div attribute html css google-chrome canvas

figcaption - title tag html



tamaƱo predeterminado del lienzo (3)

Finnnn, tienes razón.

De la especificación html5, http://www.w3.org/TR/2012/WD-html5-author-20120329/the-canvas-element.html#the-canvas-element

El elemento de lienzo tiene dos atributos para controlar el tamaño del espacio de coordenadas: ancho y alto.

Estos atributos, cuando se especifican, deben tener valores que sean enteros no negativos válidos.

El atributo de ancho por defecto es 300 y el atributo de altura por defecto es 150 .

Chrome parece establecer etiquetas de lienzo con un ancho predeterminado de 300px.

Esto es un poco molesto cuando quiero que un lienzo se ajuste al tamaño de su div, que tiene un tamaño no especificado.

Usando el ejemplo here , me gustaría que el lienzo se ajuste por defecto al ancho del encabezado con relleno adicional.

Espero que tenga sentido.

¿Es esto posible sin javascript?


Organice su diseño de modo que haya un div y el único trabajo de ese div es dictar y tener el tamaño que desea que tenga el lienzo.

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

Luego agrega el lienzo a la div.


Puedo confirmar que en Chrome, el tamaño predeterminado es de 300px x 150px.