Javascript 设置画布图像CSS图像呈现属性

我正在使用angular 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;
}

---

但是什么都不管用，我错在哪里？

它在什么方面不管用？你测试过哪些浏览器？您是否已检查样式是否应用于devtools？您将再次注释force以执行测试。您是对的，当我使用css类将属性设置为canvas元素时，它就起作用了。这很难注意到，因为我在高分辨率的图像上测试它。当我拍摄小分辨率的图像时，很容易看出它是好的。谢谢你帮助我认识到自己的错误。