回答情况：
提问时间：
问题标签：
到目前为止，我尝试过的是：#gameCanvas { image-rendering: optimizeContrast; image-rendering: crisp-edges; image-rendering</em
浏览 1修改于2021-05-20得票数 2
这就是它在Chrome和Firefox中的样子：
这就是Safari中的样子：
我试过了一般的建议 image-rendering: optimizeSpeed;image-rendering: -moz-crisp-edges; image-rendering: pixe
浏览 6提问于2022-02-27得票数 2
根据这里的帖子：，我尝试了以下cssimage-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges; image-rendering
浏览 0修改于2017-05-23得票数 6
回答已采纳
image.jpg'); background-repeat: no-repeat; image-rendering: optimizeSpeed; /* Legal fallback */ image-rendering</em
浏览 1修改于2016-05-03得票数 0
回答已采纳
我还将image-rendering设置为pixelated image-rendering: optimizeSpeed; /*STOP SMOOTHING, GIVE ME SPEED */ image-rendering: -o-crisp-edges;
浏览 0提问于2019-01-27得票数 7
回答已采纳
我发现了这样的东西，但没什么用 image-rendering: optimizeSpeed; /* */image-rendering: -moz-crisp-edges; /* Firefox */
浏览 0修改于2015-08-05得票数 3
flex:1 }} resizeMethod="resize" />;在web上，我们使用CSS来实现这一点： image-rendering: optimizeSpeed; image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-c
浏览 0修改于2018-04-25得票数 1
我已经在iframe上尝试了下面所有的CSS规则(任何相同的组合)，在Firefox的Chrome中似乎都不起作用：image-rendering: pixelated;image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges
浏览 14提问于2019-07-10得票数 1
img{ } float: left; image-rendering: auto; image-rendering: pixelated; max-width: 650px;;
border
浏览 2修改于2021-11-29得票数 0
回答已采纳
例如，我试过image-rendering: -moz-crisp-edges; // FF 6.0+image-rendering: optimize-contrast
浏览 1修改于2019-03-30得票数 2
和下列CSS： canvas { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; -ms-inte
浏览 1提问于2019-01-07得票数 0
回答已采纳
crisp-edges和smooth应该是image-rendering属性的有效值，根据每个资源.我用过两种方法： image-rendering: smooth; image-rendering: crisp-edges;我得到了：使用
浏览 2修改于2021-09-06得票数 2
回答已采纳
transparent; font-size: 0; max-width: 100%; image-rendering: -o-crisp-edges; image-rendering
浏览 17修改于2020-04-05得票数 0
我尝试过应用此代码： -ms-interpolation-mode:nearest-neighbor; image-rendering: -o-crisp-edges; image-rendering
浏览 2修改于2015-10-31得票数 2
回答已采纳
position: relative; transform: translateX(-50%); image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-in
浏览 25提问于2021-08-21得票数 1
webkit-transform: scale(3);image-rendering: -moz-crisp-edges; /* Firefox */image-rendering: -webkit
浏览 1修改于2018-06-03得票数 12
回答已采纳
：canvas#canvas { width: 512px; height: 412px; }
image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast
浏览 7修改于2018-07-12得票数 0
回答已采纳
2回答
我在网上搜索了一下，发现了这个CSS：image-rendering:-o-crisp-edges; /* Opera */image-rendering:optimize-contra
浏览 1修改于2015-10-05得票数 7
2回答
更新建议如下：image-rendering: -moz-crisp-edges;image-rendering: -webkit-optimize-contrast;但这似乎不适用于背景图像。
浏览 9修改于2021-02-02得票数 65
回答已采纳
2回答
编辑:现在使用具有以下属性的类：image-rendering: -moz-crisp-edges;
image-rendering:
浏览 0修改于2012-01-16得票数 1
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号