반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- html5예제
- html5popup
- 솔라나
- nft예제
- 포트폴리오
- 웹디자인
- 서버
- 웹예제
- html5웹디자인
- html5웹디자인예제
- NFT개발
- 솔라나cookbook
- 웹디자인예제
- 솔라나NFT
- html5글자효과
- grpc
- HTML5
- html5기초
- html5배경만들기
- PostgresSQL
- html5디자인예제
- NFT
- html5포트폴리오예제
- 이중화
- 솔라나개발
- solanaNFT
- html5기초예제
- pgpool
- 포트폴리오예제
- NFT솔라나
Archives
- Today
- Total
Scikit Web
001 - jQuery QR Code 생성하기 본문
728x90
반응형
jQuery QR Code를 생성하는 라이브러리를 이용하여
QR Code를 생성하는 예제 입니다.
라이브러리가 오래 되긴 했지만... QR Code도 표준 이라서 그런가
지금도 문제없이 동작하고 있습니다.
https://larsjung.de/jquery-qrcode/
아래 생성하는 예제에서 중요한 부분은 라이브러리 사이트에서 .zip 파일을 다운로드 받으신 후
html file에 import 시켜줘야 됩니다.
라이브러리를 사용할때 중요한 부분은 text 입니다. 해당 부분이 QR Code를 생성하는 주소정보 및 기타 정보를 입력하는 부분입니다.
생성할 QR Code이미지의 크기를 결정하는 size 값이 있습니다.
두 정보만 잘 변경하고 QR Code를 생성하면 핸드폰 카메라로 테스트 가능 해보면 됩니다.
See the Pen Untitled by Keun (@kwyuk) on CodePen.
728x90
반응형
'웹디자인 고급 > HTML5' 카테고리의 다른 글
006 - 안드로이드 처럼 웹 디자인 하기(Material Design Kit) (0) | 2022.05.09 |
---|---|
005 - 슬라이더(Carousel) 라이브러리 Slick (0) | 2022.05.05 |
004 - html5 네이버 처럼 중간 고정 화면 만들기 (0) | 2022.05.04 |
003 - html5 모바일 화면에 최적화된 화면 (0) | 2022.04.30 |
002 - html5 애니메이션 효과 Animate.css 사용하기 (0) | 2022.04.28 |
Comments