像素风图案缩放后变模糊（被消除锯齿）的解决办法

最新推荐文章于 2022-09-22 14:43:26 发布

雷乌斯

最新推荐文章于 2022-09-22 14:43:26 发布

阅读量1.1w

点赞数 4

分类专栏： html5 html/js

本文链接：https://blog.csdn.net/yyf1990cs/article/details/51145745

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Page</title>

    <style>
        img
        {
            image-rendering: optimizeSpeed;
            image-rendering: -moz-crisp-edges; /* Firefox */
            image-rendering: -o-crisp-edges; /* Opera */
            image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
            image-rendering: pixelated;
            -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
        }
    </style>
</head>
<body>
<img src="assets/images/test.png" width="264" height="232" />
</body>
</html>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雷乌斯

关注关注

4
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
像素风图案缩放后变模糊（被消除锯齿）的解决办法

Test Page img { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */
复制链接

扫一扫