Skip to content

QRcode #

Find similar titles

4회 업데이트 됨.

Edit
  • 최초 작성자
    JehongLee
  • 최근 업데이트
    shlee

Structured data

Category
Programming

QRcode란? #

QR은 'Quick Response'의 약자로 2차원 매트릭스 형태로 이루어진 정보 표시 방법이다. 1994년 일본의 덴소 웨이브에서 처음으로 개발하고 보급하였다. 덴소 웨이브는 QR코드와 QR코드 인식기, 인식 방법 등에 대해 일본과 미국 등에서 특허권을 취득하였지만, QR코드 기술을 변형 없이 그대로 사용하는 조건으로 QR코드에 대한 특허를 무료로 풀었으며, 현재는 특허권의 존속기간이 만료된 상태이다.

QRcode 규격 #

세 꼭짓점의 큰 사각형과 나머지 한 꼭짓점에 근접하는 작은 사각형이 존재한다. 이 작은 사각형은 큰 사각형의 안쪽 모서리와 수직/수평으로 접한다.

QRcode 종류 #

  • QR코드 모델1, 모델2

    • 모델1은 가장 처음 만들어진 QR코드로 최대 1,167자리의 숫자까지 저장할 수 있다.
    • 모델2는 모델1을 개량하여 만든 것으로 최대 7,089자리의 숫자까지 저장할 수 있다. 현재 사용하는 QR코드 대부분은 모델2이다.
  • Micro QR코드

    • 작은 공간에 인쇄를 가능하게 한 QR코드로 최대 35자리의 숫자까지 저장할 수 있다.
  • iQR코드

    • 정방형, 장방형 생성이 가능하며 최대 4만 자리의 숫자까지 저장할 수 있다.
  • SQRC

    • 데이터 인식 제한 기능을 가진 코드로 개인 정보 등 보안이 필요한 정보에 활용할 수 있다.

jquery-qrcode 이용한 QR 코드 만들기 #

jquery-qrcode 란? #

  • QR 코드 생성을 위한 Jquery 기반의 라이브러리
  • 매우 간단한 사용이 독보이며 쉽게 적용이 가능
  • 브라우져 호환성이 좋음

스크립트 사용 #

    <script type="text/javascript" src="jquery.qrcode.min.js"></script>
    <script type="text/javascript">
    jquery('#qrcode').qrcode("this plugin is great");
    </script >

옵션 #

    {
        // render method: 'canvas', 'image' or 'div'
        render: 'canvas',

        // version range somewhere in 1 .. 40
        minVersion: 1,
        maxVersion: 40,

        // error correction level: 'L', 'M', 'Q' or 'H'
        ecLevel: 'L',

        // offset in pixel if drawn onto existing canvas
        left: 0,
        top: 0,

        // size in pixel
        size: 200,

        // code color or image element
        fill: '#000',

        // background color or image element, null for transparent background
        background: null,

        // content
        text: 'no text',

        // corner radius relative to module width: 0.0 .. 0.5
        radius: 0,

        // quiet zone in modules
        quiet: 0,

        // modes
        // 0: normal
        // 1: label strip
        // 2: label box
        // 3: image strip
        // 4: image box
        mode: 0,

        mSize: 0.1,
        mPosX: 0.5,
        mPosY: 0.5,

        label: 'no label',
        fontname: 'sans',
        fontcolor: '#000',

        image: null
    }

DIV 설정 #

    <div id="qrcode"></div>

사용예제 #

  • 기본사용 예제

    $(selector).qrcode({
        "width": 100,
        "height": 100,
        "color": "#3a3",
        "text": "http://larsjung.de/qrcode"
    });
    
  • 버전 0.2 이후로는 ~ 2900 문자 (8 비트)를 인코딩 할 수 있습니다.

    $ ( selector ) . qrcode ( { 
        "text" :  ".........|.........|.........|.........|.........|.........|.........|.........|.........|......100|.........|.........|.........|.........|.........|.........|.........|.........|.........|......200|.........|.........|.........|.........|.........|.........|.........|.........|.........|......300|.........|.........|.........|.........|.........|.........|.........|.........|.........|......400|.........|.........|.........|.........|.........|.........|.........|.........|.........|......500|.........|.........|.........|.........|.........|.........|.........|.........|.........|......600|.........|.........|.........|.........|.........|.........|.........|.........|.........|......700|.........|.........|.........|.........|.........|.........|.........|.........|.........|......800|.........|.........|.........|.........|.........|.........|.........|.........|.........|......900|" 
    } ) ;
    
  • 샘플 링크 : http://jeromeetienne.github.io/jquery-qrcode/examples/basic.html

출처 #

Suggested Pages #

0.0.1_20240214_1_v81