Pixelated рендеринг изображений в Microsoft Edge?

Question

Microsoft Edge не поддерживает свойство CSS "рендеринг изображений", поэтому я не могу использовать "рендеринг изображений: пикселирование", что является настоящей болью для веб-сайта, который я создаю.

Так есть ли способ использовать JavaScript для рендеринга изображений с пикселями в Edge?

Answer 1

Вы можете сделать изображение на canvas в более высоком разрешении, а затем заменить img.src с данными URL. Возможно, вам придется визуализировать его "пиксель за пикселем" с помощью алгоритма ближайшего соседа. С imageSmoothingEnabled выключен, этого можно избежать.

Обратите внимание, что для внешних изображений вы не сможете экспортировать холст как URL-адрес данных. Вы можете просто использовать сам холст, хотя.