在没有模糊的情况下放大HTML5中的图像

有没有办法让HTML5中的图像变大而不会变得模糊。在没有模糊的情况下放大HTML5中的图像

例如，该图像是24×24： enter image description here

如果不是与150的宽度加载它，它变得模糊。 我想pixelated！

相反，我想改变渲染引擎来显示像什么，你会在Photoshop中看到。事情是这样的：

enter image description here

我只在乎现代浏览器。

2013-03-28 at.

我提出一个编辑您的帖子与其他图像展示你想要什么。希望这会帮助你更好地向人们展示你想要的东西。请告诉我，我对你所要求的解释是不正确的。 – Michael

谢谢@迈克尔 –

http://stackoverflow.com/questions/388492/firefox-blurs-an-image-when-scaled-through-css-or-inline-style –

经过一番研究：不幸的是，你想要做的是受限于浏览器的具体限制。 Firefox有一个有限的实验代码(image-rendering)，可以强制浏览器停止插值像素，从而导致模糊。

不幸的是，目前没有其他支持的方式来执行此操作。我的建议是让你简单地缩放图像，就像我在修改原始文章时所做的那样。

像这样： enter image description here

2013-03-28 18:54:53 Michael

如果你只是把它留给浏览器，他们会尽量使它尽可能流畅（旧的IE版本没有）。所以你最好的选择是把它加载到一个画布上，然后让（最近邻居）放大自己。我并不是说这是一个理智的想法，只是把它放在那里。 :)

那，或有多个版本的图像，并以某种方式切换它们。有几种技术可以尝试，如css推拉门。

2013-03-28 18:52:46 DanMan

回答