CSS縮放並不模糊，但像素化

Question

我想在CSS中使用縮放屬性來放置圖像，但不想對放大圖像產生模糊效果，而是像素化。我怎樣才能做到這一點？

編輯：如果有必要，可以使用其他屬性或其他語言。

Answer 1

你不能（目前）使用的升頻和指定瀏覽器應使用近鄰縮放，也沒有用HTML圖像，升遷HTML5的畫布，用畫布上drawImage()繪製圖像時，也沒有對SVG變焦放大圖像。

這裏的一個溶液（對於this related question書面）顯示如何「縮放」使用最近相鄰像素化通過重新創建在SVG圖像爲矩形的圖像：http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml

這裏的示出如何實現另一種解決方案使用HTML5畫布此相同的效果（繪製矩形畫布上進行縮放）：
http://phrogz.net/tmp/canvas_image_zoom.html

Answer 2

你可能想嘗試一個輕量級的jQuery插件稱爲Zoomoz。這些設置還包括緩動和本地動畫。