CSS가 흐리지 만 픽셀이 흐려지지 않습니다.

이미지에 CSS의 확대/축소 속성을 사용하고 싶지만 확대 된 이미지에는 흐릿한 효과가 있지만 픽셀 화되지는 않습니다. 이것을 어떻게 할 수 있습니까?CSS가 흐리지 만 픽셀이 흐려지지 않습니다.

편집 : 필요한 경우 다른 속성이나 다른 언어를 사용해도됩니다.

2011-03-19 Deniz Zoeteman

적어도 크로스 브라우저 방식으로는 안되며, 단지 'zoom' 속성만으로는 불가능합니다. – meagar

거기에 다른 방법이 있습니까? 어쩌면 다른 언어로? –

업 스케일링을 사용할 수 없으며 HTML 이미지, 업 사이즈 HTML5 캔버스, 캔버스에서 drawImage()을 사용하여 이미지를 더 크게 그리거나 SVG에서 이미지를 확대 할 때 브라우저에서 가장 가까운 이웃 확대/축소를 사용하지 않도록 지정할 수 있습니다. 또 다른 해결 방법 달성하기 위해 도시있어 여기 http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml

어떻게 여기 '확대'SVG의 직사각형으로 화상을 재 작성하여 가까운 이웃 픽셀 레이션을 사용하여 화상을하기 나타내는 (this related question 작성된) 용액 있어 (줌의 캔버스에 사각형 그리기) HTML5 캔버스를 사용하여이 같은 효과는 :
http://phrogz.net/tmp/canvas_image_zoom.html

출처

2011-03-19 21:21:23 Phrogz

고맙습니다. 세 번째 대답은 내 상황에서 효과가 있습니다. –

당신은 Zoomoz라는 가벼운 jQuery 플러그인을 시도 할 수도 있습니다. 설정에는 이징 및 기본 애니메이션도 포함됩니다.

출처

2013-03-25 20:37:17 juanpaulo

CSS가 흐리지 만 픽셀이 흐려지지 않습니다.

답변

관련 문제