放大时不要模糊图像

Question

这不是一个答案,会得到一个正确的答案,但我会问它反正:

是否可以对图像进行磁化或放大,使其不会模糊？

例如,这不应该发生,像素不应该相互模糊,而应该放大块像素.maginification: block;在CSS或HTML中是否有类似或类似的东西,或者JS填充？

Answer 1

image-rendering: pixelated;

但它还没有得到支持:

https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Browser_compatibility

这些目前有效,但仅适用于缩小尺寸:

    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */