Canvas 를 이용한 스크래치 기능(쿠폰번호 긁기) happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > Canvas > Canvas 를 이용한 스크래치 기능(쿠폰번호 긁기) 상세정보

클라우드태그

javascript

PHP

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

Canvas 를 이용한 스크래치 기능(쿠폰번호 긁기)

해피팀

네티즌

소스분류

Canvas

다운로드 횟수

45 회

간단설명

JavaScript 및 HTML5 캔버스 를 사용하여 스크래치 카드 기능을 구현하는 JavaScript 입니다.

평가하기

JavaScript 및 HTML5 캔버스 를 사용하여 스크래치 카드 기능을 만들 수 있습니다.

Vanilla JavaScript 플러그인을 사용하면 처음부터 표시될 쿠폰 코드 또는 기타 당첨 코드를 숨길 수 있습니다.

스크래치 영역 뒤에 숫자/텍스트를 배치할 수 있습니다.

사용자는 마우스 커서로 긁거나 스와이프를 터치할 수 있습니다.

또한 실시간 스크래칭 애니메이션을 보여줍니다.

라이센스는 MIT 입니다.

적용 방법

1. HEAD 에 STYLE 을 추가 합니다.

2. BODY 에는 CANVAS 코드를 추가 합니다.

3. 마지막으로 관련 스크립트를 로더 합니다.

압축파일을 해제하면 index.html 파일을 통해 바로 확인할 수 있습니다.

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.