2010-11-29 2 views
0
에서 DESAT는 내 질문은 매우 간단 하나입니다

:채도/jQuery를

내가 표준 HTML을 사용하여 표시 할 이미지를 코딩하는 경우, 혼자 jQuery를에 사용하여 완전히 그 이미지를 채도 수 있습니까?

아이디어는 사용자가 이미지 위에 놓으면 일단 정상 포화 상태로 복귀하는 것 ...

내가 HTML5 캔버스를 사용하여 실험 방법이 알고 있지만, 시간이 되 내가 멀리 유지하고 싶습니다 HTML5 :

항상 혼자 jQuery를 사용하면 학습 겸손 경험, 작은 거인

+3

IE가 아닌 브라우저에 Canvas를 사용하는 [Pixastic] (http://www.pixastic.com/lib/) 라이브러리를보고 싶지만 불포화를 위해 IE의 독점적 필터로 되돌아갑니다. 이 페이지의 예제는 특히 라이브러리의 불포화 기능에 대한 데모를 제공합니다. –

+0

감사합니다 Matt, 그것에 자세히 들여다 볼 것입니다 ... 나는 잠시 지평선에 뭔가 다른 것이있을 것이라고 생각하면서 질문을하기 전에 내용을 건너 뛰었습니다. –

답변

4

입니다, 당신 닌자의 감사? 그렇지 않아. 당신은 이미지 데이터를 조작하는 몇 가지 방법을 필요로하고 네 개의 방법은 제가 알고있다 :

  • HTML5 캔버스
  • 독점 IE 필터 (당신은 당신이 그것을 원하지 않았다) (인터넷 익스플로러 전용)
  • 플래시 애플릿 (현재 파이어 폭스 전용 내 테스트에 따라) (잔인 함, 무거운, 일반적으로 불쾌한.)
  • 가 이 Pixastic

    매트 깁슨의 제안은 좋은

CSS를 통해 적용
  • SVG 필터 당신의 단 한가지 관심사가 호환성이라면, 또는 앞에서 언급 한 접근법을 몇 가지 혼합하여 자신 만의 것을 만들 수 있습니다.

  • +0

    안녕하세요, ssokolow, 답장을 보내 주셔서 감사합니다. 귀하의 회신은 정확히 제가 의심했던 것입니다 - 그것은 아직 널리 지원되지 않는 것입니다. 가장 가까운 것은 불투명도에 대한 jQuery 수당 (최적과는 거리가 먼)이라고 생각합니다. Anyhoooo, 당신이 나의 q에 대답하기 위해 가져 갔던 시간 동안 - 매우 인정 받았다! –

    +0

    나는 캔버스를 피한다면, 가장 좋은 방법은 채도가있는 이미지 서버 측을 생성하고 두 이미지를 마우스로 움직이는 것입니다. 캔버스 경로가 훨씬 더 재미 있습니다. – superluminary