html - 缩小图像在 Firefox、IE9 和 Opera 中没有抗锯齿,但在 Chrome 和 Safari 中有

标签 html css internet-explorer firefox opera

http://i.imgur.com/JWXsA.png

Chrome 和 Safari 可以很好地呈现按比例缩小的图像,但在 Firefox、IE9 或 Opera 上则不行。我如何在不自动执行的浏览器上消除图像的锯齿?

最佳答案

您唯一的选择是将图像加载到 Canvas 中,然后自行将其缩小采样到一个新的、更小的 Canvas 上。但是,这会将您限制为同源图像。

另一方面,你应该问问自己,这些努力是否值得?这些浏览器的用户可以很好地应对数以千计的其他网站,那么您为什么需要做一些不同的事情呢?

关于html - 缩小图像在 Firefox、IE9 和 Opera 中没有抗锯齿,但在 Chrome 和 Safari 中有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12016053/

相关文章:

css - 居中一个 <div> 并向右浮动另一个

php - 当我将 .html 文件更改为 .php 时,CSS 文件未正确链接

javascript - 捕获 Internet Explorer 中当前事件选项卡的图像并将其传递给 Flex 应用程序

javascript - Internet Explorer 浏览器中不显示 PHP 文件预览按钮

html - 如何防止在移动设备上对 html 元素进行缩放?

android - 移动网站的图像尺寸是多少才能容纳 100% 的可用屏幕?

javascript - 使用 Angular JS 将类添加到 DOM 元素的重复性较低的方法

html - 所有元素的 flexbox 大小不一样

javascript - Jquery IE 问题,DOM 已更新但页面未更新

javascript - 使用 jQuery/JavaScript 在图像上插入/显示对象的属性