JavaScript가 포함 된 이미지 처리 필터

Question

Google 스트리트 뷰 이미지를 보면 이미지가 중앙에서 가장자리쪽으로 방사형으로 왜곡되어 더 현실적인 느낌을줍니다.

JavaScript를 사용하여 비슷한 효과를 얻고 싶습니다.

그래서 특정 효과를 제공하기 위해 모든 이미지 처리 스크립트/라이브러리/알고리즘이있다?

Answer 1

제가 아는 선반에서 벗어난 것은 없습니다. 당신이 그들 중 누구도하지만이 처리 할 수있는 방법의 무리는 매우 솔직가 있습니다 다음과 같습니다의 측면을 스트레칭, 순수 CSS 나 JS를 사용하여

• :
  노력의 위해

  현실적으로 이렇게/센터에서 시작하는 이미지. 예를 들어 중간 10 % 만 남겨 두십시오. 다음 9 %에서 10 % 너비까지 늘리십시오. 다음 8 ~ 10 % 너비, 7 % ~ 10 % 등 ... JS를 사용하는 경우 캔버스를 사용하십시오. CSS를 사용하는 경우 오프셋 배경 위치가있는 DIVS 톤이 필요합니다 (google "CSS Coke Can"은 기본 전제)

• Three.js와 같은 것을 사용하여 3D 환경을 만들고 단순히 이미지를 배경으로 배치하면 WebGL에서 자유로운 왜곡이 발생합니다.
• CSS3를 사용하여 이미지를 여러 조각으로 나눠서 원통형보기의 "카메라"주위에 배치하십시오. "무료"에 대한 가장자리 왜곡이 발생하지만 최신 브라우저에서만 나타납니다 (이 작업은 훌륭합니다).