Descargar weapp qrcode - descargar código fuente weapp qrcode

weapp qrcode

Código Fuente de IA

1.0.0

Descargar

weapp-qrcode

weapp.qrcode.js genera rápidamente códigos QR en el subprograma WeChat

Uso

Primero, cree canvas para dibujar en el archivo wxml y defina width , height y canvasId .

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

Importe directamente el archivo js y use drawQrcode() para dibujar el código QR. !!!Antes de llamar al método drawQrcode() , asegúrese de obtener canvas context .

En la versión v0.6.0, se crean varios archivos; consulte la descripción de Archivos de compilación para obtener más detalles.

 // 将 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
  }
} )

Si el proyecto utiliza el marco wepy, puede instalar directamente el paquete npm weapp-qrcode .

 npm install weapp-qrcode --save

 import drawQrcode from 'weapp-qrcode'

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

MANIFESTACIÓN

Para obtener más demostraciones, consulte el directorio de ejemplos. Los ejemplos incluyen sintaxis nativa y marcos WePY, mpvue y Taro.

API

dibujarQrcode([opciones])

opciones

Tipo: Objeto

parámetro	ilustrar	Ejemplo
ancho	Debe, el ancho del código QR debe ser consistente con `width` del `canvas`	200
altura	Debe, la altura del código QR debe ser consistente con `height` del `canvas` .	200
ID de lienzo	Opcional, `canvasId` para dibujar	`'myQrcode'`
ctx	Opcional, el contexto de dibujo se puede obtener a través de `wx.createCanvasContext('canvasId')` , compatible con la versión v1.0.0+	`'wx.createCanvasContext('canvasId')'`
texto	Contenido del código QR obligatorio	'https://github.com/yingye'
tipoNúmero	Opcional, modo de cálculo de código QR, valor predeterminado -1	8
nivel correcto	Opcional, nivel de corrección de errores del código QR, el valor predeterminado es avanzado, valores: `{ L: 1, M: 0, Q: 3, H: 2 }`	1
fondo	Opcional, color de fondo del código QR, el valor predeterminado es blanco	`'#ffffff'`
primer plano	Opcional, color de primer plano del código QR, el valor predeterminado es negro	`'#000000'`
_este	No es necesario si se usa en un componente, es necesario pasarlo. Compatible con la versión v0.7.0+.	este
llamar de vuelta	Opcional, función de devolución de llamada después de completar el dibujo, compatible con la versión v0.8.0+. Los problemas de compatibilidad con teléfonos Android se pueden resolver configurando el temporizador usted mismo. Para obtener más información, consulte el número 18.	`function (e) { console.log('e', e) }`
incógnita	Opcional, la posición inicial del eje x para dibujar el código QR, el valor predeterminado es 0, compatible con la versión v1.0.0+	100
y	Opcional, la posición inicial del eje y para dibujar el código QR, el valor predeterminado es 0, compatible con la versión v1.0.0+	100
imagen	No es necesario dibujar imágenes en lienzo. El nivel es superior al código QR . Es compatible con la versión v1.0.0+. Para obtener más información, consulte drawImage.	`{ imageResource: '', dx: 0, dy: 0, dWidth: 100, dHeight: 100 }`