Chrome/Safari에서 이미지 보간 모드를 사용 하시겠습니까?

현재 사용중인 바이 큐빅 방식이 아닌 가장 가까운 이웃 크기 조정으로 이미지를 렌더링해야합니다. 현재 다음을 사용하고 있습니다.Chrome/Safari에서 이미지 보간 모드를 사용 하시겠습니까?

ms-interpolation-mode: nearest-neighbor; 
image-rendering: -moz-crisp-edges;

이것은 Chrome 및 Safari에서는 작동하지 않지만 IE 및 Firefox에서는 작동합니다. 이 효과를 얻기 위해 웹킷 대체품이나 다른 방법이 있습니까?

중복에 좋은 작품 http://stackoverflow.com/questions/3900436/image-scaling -by-css-a-there-a-a-webkit-moz-crisp-edges 대신에 – Sprintstar

편집 : 이제는 image-rendering: -webkit-optimize-contrast;으로 가능합니다.

이 크롬의 최신 버전에서 작동하지 않습니다, 여기에 몇 가지 유용한 링크는 다음과 같습니다

나는 'didn를 생각해라. ere는 방법이었다.

일부 빠른 검색은 있지만 확인 만합니다. webkit image interpolation의 최고 구글의 결과는 다음과 같습니다

는 2008 년 9 월에보고, 여전히 해결되지. 또한

, 나는 아마 동적으로 가장 가까운 이웃를 사용하여 이미지를 확장 할 수있는 PHP 스크립트를 작성 것입니다.

모든 브라우저에서 작동하지만 추가 처리 및 전송 오버 헤드가 있습니다.

2011-03-23 10:47:46 thirtydot

HTML5에서 캔버스를 이미지 위에 올려 놓거나이 라인을 따라 뭔가를 만들 수 있다는 것을 보았습니다. –

나는 그것에 대해 아무것도 몰라. 그러나 사실이라 할지라도 조건부 (WebKit 브라우저/Opera의 경우) 캔버스를 사용하여 이미지를 렌더링하는 것은 많은 일처럼 보입니다. 또한 JavaScript 의존성을 도입하여 ''을 '

내 웹 호스트에 GD가 있는지 확인합니다. 그렇다면 사용하겠습니다. 내가 그 문제에 대한 확신을 가질 때까지 나는 내 자신의 질문에 대답하지 않을 것이다. –

난 그냥이 시도했다 :

img {image-rendering: pixelated;}

을 그리고 크롬 39.0.2145.4 dev에-m의

2014-09-07 08:02:53 Omiod

답변