设置画布图像CSS图像渲染属性

Question

我正在使用角度8，并且想要设置css属性：

image-rendering: pixelated;

显示在画布上的我的图像。

我尝试过：

let image = new Image();
image.onload = function () {
   canvasElement.width = image.width;
   canvasElement.height = image.height;

   canvasContext.drawImage(image, 0, 0);
};
this.image.style.imageRendering = 'pixelated';
image.src = 'some base64 image';

我还尝试在scss文件中设置此属性，例如：

canvas {
   image-rendering: pixelated;
}

但是什么都行不通，哪里我错了？