Мне нужно иметь рендеринг изображения с изменением размера ближайшего соседа, а не бикубический способ, который в настоящее время используется. В настоящее время я использую следующее:
ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;
Это работает в IE и Firefox, но не в Chrome и Safari. Существуют ли какие-либо альтернативы webkit или каким-либо другим способом для достижения этого эффекта?
Изменить: Теперь это возможно с помощью image-rendering: -webkit-optimize-contrast;.
https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Examples
Это не работает в текущих версиях Chrome, вот несколько полезных ссылок:
Я не думал, что есть способ.
И какой-то быстрый Googling все, но подтверждает это; верхний результат Google для интерполяция изображений webkit:
http://code.google.com/p/chromium/issues/detail?id=1502
Сообщено в сентябре 2008 года и до сих пор не разрешено.
Также: https://bugs.webkit.org/show_bug.cgi?id=40881
Если бы мне это нужно, я бы, вероятно, написал PHP script для динамического масштабирования изображений с помощью ближайшего соседа.
Это будет работать в каждом браузере, но тогда у вас есть все лишние затраты на обработку и передачу.
Я только что пробовал это:
img {image-rendering: pixelated;}
И он отлично работает на Chrome 39.0.2145.4 dev-m