weapp qrcode 다운로드 - weapp qrcode 소스 코드 다운로드

weapp qrcode

AI 소스 코드

1.0.0

다운로드

weapp-qrcode

weapp.qrcode.js는 WeChat 미니 프로그램에서 QR 코드를 빠르게 생성합니다.

용법

먼저 wxml 파일에 그리기 위한 canvas 생성하고 width , height , canvasId 정의합니다.

 < canvas style =" width: 200px; height: 200px; " canvas-id =" myQrcode " > </ canvas >

js 파일을 직접 가져와서 drawQrcode() 사용하여 QR 코드를 그립니다. !!! drawQrcode() 메서드를 호출하기 전에 canvas context 얻어야 합니다.

v0.6.0 버전에서는 여러 파일이 빌드됩니다. 자세한 내용은 빌드 파일 설명을 참조하세요.

 // 将 dist 目录下，weapp.qrcode.esm.js 复制到项目目录中
import drawQrcode from '../../utils/weapp.qrcode.esm.js'

drawQrcode ( {
  width : 200 ,
  height : 200 ,
  canvasId : 'myQrcode' ,
  // ctx: wx.createCanvasContext('myQrcode'),
  text : 'https://github.com/yingye' ,
  // v1.0.0+版本支持在二维码上绘制图片
  image : {
    imageResource : '../../images/icon.png' ,
    dx : 70 ,
    dy : 70 ,
    dWidth : 60 ,
    dHeight : 60
  }
} )

프로젝트가 wepy 프레임워크를 사용하는 경우 weapp-qrcode npm 패키지를 직접 설치할 수 있습니다.

 npm install weapp-qrcode --save

 import drawQrcode from 'weapp-qrcode'

drawQrcode ( {
  width : 200 ,
  height : 200 ,
  canvasId : 'myQrcode' ,
  text : 'https://github.com/yingye'
} )

데모

더 많은 데모를 보려면 예제 디렉터리를 참조하세요. 예제에는 기본 구문과 WePY, mpvue 및 Taro 프레임워크가 포함됩니다.

API

drawQrcode([옵션])

옵션

유형: 개체

매개변수	설명하다	예
너비	필수, QR 코드의 너비는 `canvas` `width` 와 일치해야 합니다.	200
키	반드시, QR코드의 높이는 `canvas` 의 `height` 와 일치해야 합니다.	200
캔버스 ID	선택사항, 그릴 `canvasId`	`'myQrcode'`
ctx	선택 사항인 그리기 컨텍스트는 v1.0.0+ 버전에서 지원되는 `wx.createCanvasContext('canvasId')` 를 통해 얻을 수 있습니다.	`'wx.createCanvasContext('canvasId')'`
텍스트	필수, QR코드 내용	'https://github.com/yingye'
유형번호	선택 사항, QR 코드 계산 모드, 기본값 -1	8
정확한레벨	선택 사항, QR 코드 오류 수정 수준, 기본값은 고급, 값: `{ L: 1, M: 0, Q: 3, H: 2 }`	1
배경	선택 사항, QR 코드 배경색, 기본값은 흰색입니다.	`'#ffffff'`
전경	선택 사항, QR 코드 전경색, 기본값은 검정색입니다.	`'#000000'`
_이것	필요하지 않습니다. 구성 요소에 사용되는 경우 전달해야 합니다. 버전 v0.7.0 이상에서 지원됩니다.	이것
콜백	선택사항, 그리기가 완료된 후 콜백 함수, v0.8.0+ 버전에서 지원됩니다. Android 휴대폰 호환성 문제는 타이머를 직접 설정하여 해결할 수 있습니다. 자세한 내용은 문제 #18을 참조하세요.	`function (e) { console.log('e', e) }`
엑스	선택사항, QR 코드 그리기를 위한 x축의 시작 위치, 기본값은 0, v1.0.0+ 버전에서 지원됨	100
와이	선택 사항, QR 코드 그리기를 위한 y축의 시작 위치, 기본값은 0, v1.0.0+ 버전에서 지원됨	100
영상	캔버스에 그림을 그릴 필요는 없습니다. QR 코드보다 높은 수준입니다 . 자세한 내용은 drawImage를 참조하세요.	`{ imageResource: '', dx: 0, dy: 0, dWidth: 100, dHeight: 100 }`