WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

jQuery Blend Modes

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


판매 WorldWideScripts.net 아이템 - jQuery를 혼합 모드

Ads

Ad: Bluehost hosting

트위터을 따르십시오. Dribbble 를 따르십시오

참고 : . 당신이 이 일을 좋아한다면, 속도 는:)

주세요. 의아이디어. jQuery를 혼합 모드플러그인 합니다 의 두 복사본 을 혼합 하는 것입니다. 같은 이미지지정된 블렌드 모드 로, 이 프로세스는 이미지 편집기 를 사용할 필요 없이 우리에게 놀라운 효과를 제공합니다. 이 플러그인 합니다 있습니다. 15 블렌드 모드:
  • colorBurn
  • colorDodge
  • 배제
  • HARDLIGHT
  • hardMix
  • linearBurn
  • linearDodge
  • linearLight
  • 곱합니다
  • 합니다. 부정
  • 오버레이
  • 화면을 표시합니다
  • 소프트 라이트
  • 뺍니다
  • 합니다. vividLight

그것은 어떻게 작동합니까 !

이 플러그인 의 그래픽 을 조작 할 수있는 특별한 요소가 바로 그것 입니다, HTML5 에 도입 된 캔버스 요소를 사용하여, 그래서 우리는이미지의 각 픽셀 을 편집 할 수 있으며,이 힘으로, 우리는 혼합 모드 알고리즘을 쉽게 적용 할 수 있습니다. 첫째플러그인이미지의 두 복사본을 얻을원본 이미지 를 숨기 플러그인 후 선택한 블렌드 모드, 새로운 캔버스 엘리먼트 에 놓여 이러한 과정 의 결과 로 그들을 혼합, 마침내 생성 된 캔버스 요소를 추가 하기 전에 숨겨진 이미지, 이 단계는 우리에게굉장한 결과를 제공이 기본 기능 으로 우리는 새로운 마우스 호버 느낌을 만들 수 있습니다 :)

그것은 사용하기 쉽습니다

$('img').blending();

문서 니스 :

전체 설명서 와 함께 이 플러그인은간단한 구현호버 효과를 만드는 방법에 대해 설명 이 포함되어 ..

요구 사항

  • 현대적인 브라우저에서 지원하는 캔버스 요소입니다.
  • jQuery를 (우리는 최신 버전 권장)
  • 호스팅 ( 당신의 로컬 호스트 를 사용할 수 있습니다 )

크레딧 및 출처


© 2011 Mohieddine 압드 - 카데르

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

21 명 10월 11일 만든 호환 브라우저 를:
IE9 , 파이어 폭스 , 사파리, 오페라, 크롬 , 소프트웨어 버전

키워드

15 모드, 혼합 모드, 캔버스, HTML5, jQuery를 혼합 모드 플러그인, 자바 스크립트, JQuery와, 포토샵, 플러그인