위 챗 애플 릿 이 QR 코드 를 만 드 는 예제 코드

1770 단어 애플 릿QR 코드
오랫동안 글 을 쓰 지 않 았 습 니 다.최근 에 회사 에서 포스터 공유 활동 을 하려 면 작은 프로그램 에서 스 캔 한 후에 일반 홈 페이지 로 이동 할 수 있 는 QR 코드 를 만들어 야 합 니 다.github 에서 찾 아 보 았 습 니 다.호환성 이 비교적 좋 은 것 을 찾 았 습 니 다.공유 해 주세요.
중간 에 많은 시 도 를 했 습 니 다.어떤 것 은 안 드 로 이 드 에서 도시 에 가면 문제 가 발생 할 수 있 습 니 다.이것 이 효과 적 이 고 호 환 이 좋 습 니 다.이미 우리 프로젝트 에 응용 되 었 습 니 다.
사용 편의 성 을 고려 하여 저 는 이것 에 대해 일정한 변경 을 했 습 니 다.QR 코드 화이트 사 이 드 기능 과 리 셋 함수 가 임시 파일 을 직접 가 져 오 는 기능 을 추 가 했 습 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.
github 주소
weapp-qrcode클릭 하여 보기(환영 스타),원본 프로젝트 주소 첨부
쓰다
github 에서 프로젝트 를 다운로드 할 때 주로 사용 하 는 파일 은/utils/weapp-qrcode.js 파일 입 니 다.
파일 가 져 오기:
파일 을 직접 자신의 프로젝트 아래 에 두 고 사용 할 수 있 습 니 다.

import QRCode from '/utils/weapp-qrcode.js'
사용:

new QRCode('myQrcode',{
 text: 'http://www.tongxingschool.com',
 width: 200,
 height: 200,
 padding: 12, //              ,      0
 correctLevel: QRCode.CorrectLevel.L, //        
 callback: (res) => {
  console.log(res.path)
  //                 api                      ,     
 }
})
구조:

<canvas class="canvas-code"canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>
주의 사항
  • 너비 가 높 고 js 코드 와 구조 중의 너비 가 일치 해 야 합 니 다.너비 가 높 은 스타일 은 반드시 내 연 스타일 로 써 야 합 니 다.그렇지 않 으 면 예상 치 못 한 효과 가 있 을 수 있 습 니 다.😁
  • padding 의 색상 은 스스로 제어 하면 됩 니 다.canvas 의 배경 색 은 바로 테 두 리 를 남 긴 색
  • 입 니 다.
  • cortLevel 은 QR 코드 식별 도 를 생 성 하 는 단계 로 등급 이 높 을 수록 식별 도가 높 고 낮 을 수록 높 을 수록 M,L,H,Q
  • 이다.
    이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

    좋은 웹페이지 즐겨찾기