Me gustaría crear un patrón de imagen de fondo para un lienzo en mi aplicación esbelta. Estoy usando el siguiente código para crear el patrón pero crea un lienzo negro.
let image = new Image(); image.src = 'images/background.png' ctx.fillStyle = ctx.createPattern(image, 'repeat'); ctx.fillRect(0, 0, canvas.width, canvas.height) La ruta de la imagen es public/images/background.png
Probablemente tenga que esperar a que se cargue la imagen; de lo contrario, no habrá nada que dibujar en el lienzo. P.ej
const image = new Image(); image.src = 'images/background.png' image.onload = () => { ctx.fillStyle = ctx.createPattern(image, 'repeat'); ctx.fillRect(0, 0, canvas.width, canvas.height) };