principal.js
enter code here function init(){ let ctx = document.querySelector('#canvas').getContext('2d'); ctx.strokeRect(100,50,200,150); ctx.lineWidth = 100; }índice.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Drawing on the canvas</title> <link rel="stylesheet" href="styles.css"> <script src="main.js"></script> </head> <body onload="init();"> <canvas id="canvas" width="400" height="300">Your browser doesn't support the HTML5 element canvas. </canvas> </body> </html>Solo necesita cambiar el orden de las instrucciones individuales
ctx.strokeRect(100,50,200,150); ctx.lineWidth = 100;a
ctx.lineWidth = 100; ctx.strokeRect(100,50,200,150);