我试图把我的pixelart添加到画布上，但是我遇到了问题。那个图像很模糊，所以我在画布上添加了css风格的图像渲染：像素化。但它和以前一样。当我添加相同的风格到画布外的图像，它的像素化很好。有人能给予我一个提示吗？为什么它不工作在画布上？谢谢所有的回复！
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;
}