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，但它在 Chrome 上不起作用，所以我添加了找到的最后一行 here，现在它可以工作了。