se puede cambiar el tamaño(width y height) de un canvas con javascript?

Omar Alexander Bencosme Tio

Pregunta

student•hace 9 años

Vampiro Lesbiano

student•hace 5 años

canvasC.setAttribute("width",640); canvasC.setAttribute("height", 300); donde canvasC es el que ligaste a javascript var canvasC=document.getElementById("canvasG");

Jose Parra Urrea

student•hace 5 años

Hola, estoy intentado hacer un cambio "dinámico" del canvas con javascript pero no lo consigo. La idea es tener un <select> con 3 opciones (300px,600px,1000px) y que al darle al boton dibujar "modifique" el canvas al tamaño seleccionado y dibuje las lineas indicadas en el textbox. Consigo que dibuje, pero no cambiar los tamaños de forma dinamica al menos.

Aquí os dejo el fragmento del HTML

&lt;html&gt;
	&lt;body&gt;
		&lt;select id='lista'&gt;
			&lt;option value='300px'&gt;300&lt;/option&gt;
			&lt;option value='600px'&gt;600&lt;/option&gt;
			&lt;option value='1000px'&gt;1000&lt;/option&gt;
		&lt;/select&gt;
	&lt;/body&gt;
&lt;/html&gt;

y a continuación el de JS que interviene

var d = document.getElementById(&quot;dibujito&quot;);
var lienzo = d.getContext(&quot;2d&quot;);
//lista
var tamaño = document.getElementById('lista').value;
var ancho = parseInt(tamaño.split('p')[0]); //ancho

function cambiarTamañoCanvas(tamaño) {
    d.style.width = tamaño;
    d.style.height = tamaño;
}

function dibujoPorClick() {
    var text = textbox.value;
    var l = 0;
    var lineas = parseInt(text);

    if(ver si escribe letra) {
        'Avisar Error'
    }
    else {
        var xi,xf,yi,yf;
        var colorcito = 'blue';
        
	//Aqui la función que no funciona ¬¬
        cambiarTamañoCanvas(tamaño);

        for (l=0; l&lt;lineas; l+=1) {

Ricardo Azpeitia P.

student•hace 9 años

Si, si puedes.

Ejemplo: http://codepen.io/anon/pen/QGVRqV

Manuel Galindez

student•hace 9 años

Claro que puedes amigo te dejo un ejemplo:

var canvas = document.getElementById('canvas');
canvas.style.width = "300px";
canvas.style.height = "300px";

se puede cambiar el tamaño(width y height) de un canvas con javascript?

Comunidad Platzi

Comunidad Platzi