Estoy tratando de agregar mi pixelart al lienzo, pero ahí encontré el problema. Esa imagen está borrosa, así que agregué en canvas css style image-rendering: pixelated. Pero es igual que antes. Cuando agrego el mismo estilo a la imagen fuera del lienzo, está bien pixelado. ¿Alguien puede darme un consejo? ¿Por qué no funciona en lienzo? ¡Gracias por todas las respuestas!

JavaScript:

 ctx.drawImage(this.img, this.x - this.size/2, this.y - this.size/2, this.size, this.size)

CSS:

 #canvas { position: relative; image-rendering: pixelated; width: 256px; height: 256px; }