Cropper.js: Нет сглаживания при увеличении?

Я использую Cropper.js и задаюсь вопросом, знает ли кто-нибудь, можно ли остановить его, сглаживая изображение при увеличении. Я хочу, чтобы оно оставалось пиксельным, потому что я хочу использовать его для обрезки листов спрайтов видеоигр.


person Rob Kwasowski    schedule 01.02.2018    source источник


Ответы (1)


Я на самом деле только что разобрался. Вы можете добавить этот CSS:

img { 
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
    image-rendering: pixelated                  /* Confirmed working in Chrome
    }

Я нашел все это за исключением последней строки здесь но это не работало в Chrome, поэтому я добавил последнюю найденную строку здесь и теперь это работает.

person Rob Kwasowski    schedule 01.02.2018