He estado buscando durante un tiempo qué significa este error (error: Uncaught SyntaxError: palabra reservada en modo estricto inesperado), o cómo solucionarlo, pero no puedo encontrar nada, así que esperaba que alguien aquí pudiera ayudar. Por cierto, me voy a la cama con esto, así que solo leeré las respuestas (si las hay) mañana.
Aquí está la línea que me da el error:
for (let i = 0; i < 10; i++) { //(And then the code)PARA PERSONAS QUE NECESITAN CONTEXTO:
const canvas = document.getElementById('canvas1'); const ctx = canvas.getContext('2d'); class background { draw(){ ctx.fillstyle = 'green'; ctx.beginPath(); ctx.fillRect(0,10,800,500); ctx.fill(); ctx.closePath; }; }; const Backdrop = new background(); Backdrop.draw(); class artist { for (let i = 0; i < 10; i++) { draw(){ ctx.fillStyle = 'lime'; ctx.beginPath(); ctx.fillRect(0+i,10,20,15); ctx.fill(); ctx.closePath; }; }; }; const box = new artist(); box.draw();Ok enviar ayuda, gracias!!
Como comentó @Barmar, puede usar el bucle for dentro de su draw() .
Aquí hay un ejemplo de trabajo:
const canvas = document.getElementById('c') canvas.style.background = 'black' const ctx = canvas.getContext('2d') class artist { draw() { ctx.fillStyle = 'lime' for (let i = 0; i < 10; i++) { ctx.fillRect(10 + i * 30, 30, 20, 15) } } } const box = new artist() box.draw() <canvas width="400px" height="170px" id="c"></canvas>