百科问答小站 logo
百科问答小站 font logo



html如何正确显示像素画? 第1页

  

user avatar   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一下。




  

相关话题

  为什么有些前端一直用 div 当按钮,而不是用 button? 
  为什么有些前端一直用 div 当按钮,而不是用 button? 
  网页上的一张图片右键选择新窗口打开是正常的,直接复制地址到地址栏打开就不正常了。谁知道是什么原因吗? 
  为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具? 
  web前端使用框架相对于直接用html+css+js有哪些优势? 
  ajax发送json数据到后台时,数据中包含html代码的文本,会出现Connection Error如何解决? 
  HTML 静态页面的头部和底部都是相同的,如何让每个页面统一调用一个公共的头部和底部呢? 
  有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底,多屏内容时 footer 随内容向下? 
  浏览器根据charset判断编码方式的疑问? 
  浏览器解析Html一般是边下载边渲染么?如果是边下载边渲染的话,Html又使用GZIP格式传输,如何能够做到没有完全下载就可以渲染的呢? 

前一个讨论
如何看待王思聪因《绝地求生:大逃杀》队友林更新失误而怒骂?
下一个讨论
如何理解“时间光锥”?





© 2024-06-02 - tinynew.org. All Rights Reserved.
© 2024-06-02 - tinynew.org. 保留所有权利