QR코드 무료생성 및 오픈소스 > 기술자료

HTML QR코드 무료생성 및 오픈소스

페이지 정보

작성자 관리자1 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물
댓글 0건 조회 50,757회 작성일 2012-05-04 23:17:26 ~ 2016-05-11

본문

QR 코드 무료생성
-. makeQR ( http://makeqr.kr/ )
PNG 파일로 생성
-. SCANY ( http://www.scany.net/kr/generator/ )
JPG , EPS 파일로 생성
-. MQR ( http://www.mqr.kr )

1. QR-Code Generator
http://qrcode.kaywa.com/

URL , Text , Phone Number , SMS 의 4가지 방식으로 QR 코드를 생성해줍니다.

대응 정보 입력시 아래 코드를 대체해서 삽입해줘야 합니다. 특히 & 는 &26 으로 꼭 변경해주세요.
그렇지 않으면 일부 정보를 해석하지 않습니다.
: > %3A
/ > %2F
? > %3F
= > %3D
& > %26

1-1. URL
<img src="http://qrcode.kaywa.com/img.php?d=https://www.happyjung.com?c1=3D1%26c2=2%26c3=3" width="120" border="1" />

1-2. Text
<img src="http://qrcode.kaywa.com/img.php?d=%ED%95%B4%ED%94%BC%EC%A0%95%EB%8B%B7%EC%BB%B4%20%EB%B0%94%EB%A1%9C%EA%B0%80%EA%B8%B0" width="120" border="1" />

1-3. Phone Number
<img src="http://qrcode.kaywa.com/img.php?d=TEL%3A070-7600-3500" width="120" border="1" />

1-4. SMS
<img src="http://qrcode.kaywa.com/img.php?d=SMSTO%3A070-7600-3500%3A%ED%95%B4%ED%94%BC%EC%A0%95%EB%8B%B7%EC%BB%B4%20%EB%B0%94%EB%A1%9C%EA%B0%80%EA%B8%B0" width="120" border="1" />

2. 구글 생성기
https://developers.google.com/chart/infographics/docs/overview?hl=ko-KR

2-1. GET 방식
<img src="http://chart.apis.google.com/chart?chf=bg,s,ff0000&chs=120x120&cht=qr&chld=|0&chl=https://www.happyjung.com?c1=1%26c2=2%26c3=3" />

코드설명
http://chart.apis.google.com/chart?
chf : 배경색제어
chf=<fill_type>,s,<color>|...
<fill_type> : bg - Background fill.
s - Indicates a solid or transparency fill.
<color> - The fill color, in RRGGBB hexadecimal format
chs : 이미지의 크기를 지정. 가로x세로 , 최적의 규격 60x60, 90x90 등 30px 증가할때
cht : 이미지 형식 QR코드 생성. qr
chld : margin 설정 . | 기호로 분리 , L, M, Q, H
chl : 코드에 저장할 데이터. 반드시 URL인코드 되어야 한다.
대응 정보 입력시 아래 코드를 대체해서 삽입해줘야 합니다. 특히 & 는 &26 로 변경
  그렇지 않으면 일부 정보를 해석하지 않습니다.
  : > %3A
  / > %2F
  ? > %3F
  = > %3D
  & > %26

2-2. POST 방식
<form action='https://chart.googleapis.com/chart' method='POST'>
<input type='hidden' name='cht' value='qr' />
<input type='hidden' name='chs' value='110x110' />
<input type='hidden' name='chl' value='This is my QR code'/>
<input type='submit' />
</form>

2-3. Using JavaScript for a POST Request
### test1.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='application/javascript'>
// Send the POST when the page is loaded,
// which will replace this whole page with the retrieved image.
function loadGraph() {
var frm = document.getElementById('post_form');
if (frm) {
frm.submit();
}
}
</script>
</head>

<body onload="loadGraph()">
<form action='https://chart.googleapis.com/chart' method='POST' id='post_form' onsubmit="this.action = 'https://chart.googleapis.com/chart?chid=' + (new Date()).getMilliseconds(); return true;">
<input type='hidden' name='cht' value='qr' />
<input type='hidden' name='cht' value='qr' />
<input type='hidden' name='chs' value='300x300' />
<input type='hidden' name='chl' value='This is my QR code' />
<input type='submit' />
</form>
</body>
</html>

### test2.html
<html>
<head>
</head>
<body style="margin:0;">
<iframe src="test1.html" width="180" height="180" frameborder="0"></iframe>
</body>
</html>

2-4. Using PHP for a POST Request
↓↓↓ test3.php 오류 ... 원인 확인중 ↓↓↓
### test3.php
<?php
// Create some random text-encoded data for a QR code.
header('content-type: image/png');
$url = 'https://chart.googleapis.com/chart?chid=' . md5(uniqid(rand(), true));
$chd = 't:'; for ($i = 0; $i < 150; ++$i) {
$data = rand(0, 100000);
$chd .= $data . ',';
}
$chd = substr($chd, 0, -1);
// Add image type, image size, and data to params.
$qrcode = array(
'cht' => 'qr',
'chs' => '300x300',
'chl' => $chd);
// Send the request, and print out the returned bytes.
$context = stream_context_create(
array('http' => array(
'method' => 'POST',
'content' => http_build_query($qrcode)
)
)
);
fpassthru(fopen($url, 'r', false, $context));
?>

### test4.php
<html>
<head>
</head>

<body>
<img width='110' height='110' src='test3.php' />
</body>
</html>

3. QRcode Perl CGI & PHP scripts ver. 0.50
① 소스 다운로드 http://www.swetake.com/qr/qr_cgi.html
② 홈페이지 업로드
③ 소스삽입 <img src="http://홈페이지주소/qr_img/php/qr_img.php?d=생성자료" />
단점1. 생성된 QR코드 규격이 160x160 으로 고정된다는 것이 아쉽다.

4. MQR ( http://mqr.kr/ )
전화번호 : 070-7600-3500
<img src="http://mqr.kr/qr/?t=tel%3a07076003500&m=20">

URL : https://www.happyjung.com/1/test.php
<img src="http://mqr.kr/qr/?t=http%3a%2f%2fwww.happyjung.com%2f1%2ftest.php&m=20">

댓글목록

등록된 댓글이 없습니다.

100	HTML 20810 2012-07-17 20:51 인쇄시 다음 페이지로 넘길 수 있는 page-break-before 속성
99	HTML 15959 2012-06-23 17:21 ~ 2014-05-22 00:00 doctype 정의에 따른 스크롤바 스타일
98	HTML 52874 2012-06-07 17:46 ~ 2023-11-17 10:41 [CSS] 문자열을 원하는 길이(글자수)에서 끊어(자르기) 말줄임표로 보이기 댓글2개
97	HTML 24840 2012-06-04 18:26 ~ 2020-01-19 13:34 onclick 링크 ( table / tr / td / button )
96	HTML 30434 2012-06-01 11:53 ~ 2012-06-02 00:00 [TEXTAREA] 스크롤바 없애기 / 자동으로 늘이기
95	HTML 18000 2012-05-29 21:09 Border-radius : 테두리 곡선으로 만들기
94	HTML 24321 2012-05-22 16:43 ~ 2019-03-02 04:18 input box 테두리 없애기
93	HTML 31601 2012-05-17 14:58 ~ 2018-06-15 14:17 input에 기본글자 보이고 마우스 누르면 사라지는 글씨
92	HTML 13614 2012-05-14 15:43 ~ 2014-06-16 00:00 CSS로 박스 만들기 vs. Table 제어하기
91	HTML 14372 2012-05-10 22:10 HTML5 <input> required Attribute
열람	HTML 50757 2012-05-04 23:17 ~ 2016-05-11 00:00 QR코드 무료생성 및 오픈소스
89	HTML 24380 2012-05-02 20:26 ~ 2018-02-23 22:53 [모바일] Input type 속성
88	HTML 15942 2012-04-29 17:33 ~ 2019-06-18 10:16 이미지 태그 및 스타일시트
87	HTML 24756 2012-04-28 23:27 ~ 2018-06-20 23:57 input box 스타일 설정
86	HTML 14994 2012-03-16 17:10 [infomailer] 메일발송 기본 쿼리
85	HTML 16630 2012-01-29 20:22 #ID와 .CLASS의 차이점
84	HTML 33679 2012-01-29 17:51 ~ 2018-11-15 05:52 DIV 태그에 테두리 만들고 색깔 변경 / 상하좌우 다른 테두리 만들기
83	HTML 13482 2012-01-06 15:05 box-shadow를 이용한 상자 그림자
82	HTML 15559 2011-12-26 14:18 a href 링크 사용하기
81	HTML 28010 2011-12-19 22:46 ~ 2015-04-04 00:00 윈도우 기본 지원하는 다국어 입력 폰트

QR코드 무료생성 및 오픈소스 > 기술자료

사이트 내 전체검색