Cropper.js: 没有缩放平滑？

Question

我正在使用 Cropper.js 并且想知道是否有人知道是否可以在放大时阻止它平滑图像。我希望它保持像素化，因为我想用它来裁剪视频游戏精灵表。

Answer 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
    }

我发现整个东西减去最后一行 here but it wasn't working on Chrome so I added the last line found here，现在可以正常工作了。

Cropper.js: 没有缩放平滑？

Cropper.js: No smoothing with zoom?

cropper

cropperjs