HTML - redimensionar canvas

Buenas,
He visto este ejemplo en internet que me parece interesante adaptar para mi proyecto

https://codepen.io/Tito0269/pen/BdRbGa

Quiero redimensionar, el ancho del canvas, draw-canvas, relativamente, al 100%, es decir, 100vw o 100% y no puedo. En cambio, en valores absolutos, ningún problema. Quizás será una tontería, pero no consigo hacer esta pequeña modificación. Alguien sabe por qué?

Gracias.

Hola Marta, tienes que poner en el estilo del canvas el width:100%

y en aumentar también la anchura al 100% del contenedor class="row" que hay encima del canvas... no crece por culpa de ese contenedor.

No Joel, width=100% or width=100vw, ya lo he probado:

Con width=620 que es tal com está en el ejemplo, sale así:



Y con width=100%, así:



Gracias

pero has modificado el estilo del row superior como te he comentado?

Joel, yo no veo ninguna configuración del row superior que marque el tamaño del canvas,
Y si añado width:100% al row superior que comentas, luego el trazo no sale donde le toca.

Buenas, he creado un pen nuevo. Sin ningún css. Sigo sin entender porqué al definir el ancho del canvas, relativo al ancho del viewport, el trazo, bien sea del ratón com del dedo, se pierde.

https://codepen.io/marta-blasco/pen/JjWPXew

Gracias.

Hola Marta, tienes razon, si pones el width 100% las lineas se pierden...

Hay que estudiar el js haber porque pasa eso... mañana intentare echarle un vistazo, haber si averiguo que pasa!!

Buenas, he ido mirando otros ejemplos y veo que ninguno de ellos, se puede usar el canvas con ancho relativo, pero no veo porqué no se puede.

Gracias