html如何正确显示像素画？ 第1页
1
davidtsang 网友的相关建议:
第一步，打开google，输入： html how to display pixel image no aa，然后点击go
我们得到一个结果：
第二步，点击第一个链接 image-rendering | CSS-Tricks
我想答案就在这里了，我的英语不太灵光，我想应该是2 ，大概的意思是图片的对比，颜色和边缘不会有任何平滑和模糊，这个参数特别地用来展现像素画。而pixeladted，采用临近像素scaling，应该也是一种展现方法。我想应该是使用CSS属性：
image-rendering: crisp-edges; google行，百度就不行了吗？我们用百度搜索下：
然后我看第二条合适，点击： 像素风图案缩放后变模糊（被消除锯齿）的解决办法 - CSDN博客
这个更详细，而且对我这个英文文盲级的选手更合适：
这个解释已经很详细了，让我弄清楚了pixelated和crisp-edges的区别，还附带了代码：
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) */ } 总结：
遇到问题不妨百度一下，百度不行就google一下。
1
相关话题
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
html的<td> 标签的width属性设置为100px，但对数字和字母无效？
为什么不能使用自闭合script标签引入jQuery?
用 // 代替 http:// 有什么好处？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
ajax发送json数据到后台时，数据中包含html代码的文本，会出现Connection Error如何解决?
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
用网页实现一劳永逸的跨平台客户端是否可行？
为什么现代前端框架放弃了HTML的常规用法?
下一个讨论
如何理解“时间光锥”？
相关的话题
html如何正确显示像素画？如何在程序里留下彩蛋？
web前端使用框架相对于直接用html+css+js有哪些优势？
为什么现在又流行服务端渲染html？
为什么 CSS 这么难学？
文本格式（txt、doc）的HTML，有什么办法快速读取出特定的标签及里面的内容？
Safari Reader 的中文字体太丑了，有办法改进吗？
a 标签为什么能够包含块级元素？
用 // 代替 http:// 有什么好处？
为什么 CSS 这么难学？
有哪些 Bootstrap 的学习案例？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
web前端使用框架相对于直接用html+css+js有哪些优势？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
怎样编写一个软件，用于在网站上及时回复雇主自己想接这个项目？
为什么Markdown在2004年才出现，而推广更晚？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
为什么 CSS 这么难学？
Mac 上最好的网页编辑工具是什么？
程序员讨厌面试被问一些基础问题么？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
为什么现代前端框架放弃了HTML的常规用法?
程序员讨厌面试被问一些基础问题么？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
jpeg图片在网页中引用时为什么只能写成jpg？
链接为什么都用双引号？
ajax发送json数据到后台时，数据中包含html代码的文本，会出现Connection Error如何解决?
html如何正确显示像素画？
为什么 CSS :not 选择器不支持复杂选择？
用网页实现一劳永逸的跨平台客户端是否可行？