Расширить изображение без сглаживания - PullRequest
1 голос
/ 15 января 2012

Возможно ли как-то увеличить img-элемент, чтобы он все еще выглядел "пиксельным"?Как вы можете видеть в этом примере (http://jsfiddle.net/4qgSc/), во всех протестированных мной браузерах используется некоторый эффект «сглаживания».Перерисовка его на холсте не является возможным решением, так как я хочу анимировать расширение.

Редактировать: на данный момент используя класс со следующими свойствами:

image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;

достигает результата закрытия,Работает во всех браузерах, кроме Chrome (16.0.912.75 м).

Ответы [ 2 ]

1 голос
/ 15 января 2012

Я думаю, что вам нужно свойство визуализации CSS .

http://jsfiddle.net/alpacalips/4qgSc/5/

0 голосов
/ 15 января 2012

Одним из возможных решений будет расширение всех ваших изображений (http://jsfiddle.net/4qgSc/1/). Ваши изображения могут быть легко преобразованы с помощью действий (макросов) в Photoshop или других программах для редактирования изображений в режиме «ближайший сосед»:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...