当前位置: 首页 > 面试题库 >

通过CSS缩放图像:是否有Webkit替代-moz-crisp-edges?

孟翰海
2023-03-14
问题内容

我有一个100x100像素的图像。我想显示它的两倍大小,所以200x200,并且我想通过CSS而不是通过服务器(明确地)显示它。

几年以来,所有浏览器都对图像进行了抗锯齿处理,而不是逐像素缩放。

Mozilla允许指定算法:图像渲染:-moz-crisp-edges; IE也是如此:-ms-interpolation-mode:最近邻居;

任何已知的Webkit替代品?


问题答案:

不幸的是,WebKit似乎缺少此功能。



 类似资料:
  • 问题内容: 我是CSS的初学者,而前几天我在看一些CSS代码时,发现了以下几行。在我以前学习CSS的教程中,我从未见过像这些行这样的内容。有人可以向我解释这些内容吗?或者给我一个可以学习实现这些内容的资源? 问题答案: 这些是相关渲染引擎(适用于Chrome,Safari;适用于Firefox,适用于Opera,适用于Internet Explorer)提供的供应商前缀属性。通常,在W3最终澄清/

  • 问题内容: 我看到一个问题,其中Chrome和其他WebKit浏览器使任何同时应用了transform3d的css缩放内容严重模糊。 有任何已知的解决方法吗?在上面的简单示例中,我得到了答案,我可以简单地使用translate而不是translate3d-这里的重点是将代码剥离为基本要素。 问题答案: Webkit将3d变换后的元素视为纹理而不是矢量,以提供硬件3d加速。唯一的解决方案是增加文本的

  • 以下是CardView的XML代码: 我尝试对ImageView(和LinearLayout)的属性使用wrap_content,并尝试包含属性android: caleType="fitXY",但它没有帮助,似乎没有任何效果。 谁能帮我一下吗?我非常感谢您的每一句评论,也非常感谢您的帮助。

  • 我有以下代码: 可以用代码设置吗?如果是,怎么做? 我想按代码设置,因为我想解决另一个问题,请单击此处 一个人告诉我使用lookup get selector,但它返回null。 下面的代码就是我所做的?你能告诉我怎么了吗? 任何帮助都将不胜感激。

  • 问题内容: 当我目视缩放图像时,Firefox 3会使图像模糊。Firefox 2和其他浏览器没有,这是我期望的行为。对于使用png或gif精灵创建基于网络的游戏而言,这尤其la脚。 例如,在Firefox 3中显示100x100的图像时,如下所示: 要么 在FF3中看起来很模糊,而不是在IE中。 关于如何防止这种情况的任何想法? 问题答案: 我发现了FireFox的这一新功能: 图像渲染 因此,