Скачать weapp qrcode - скачать исходный код weapp qrcode

weapp qrcode

AI Исходный код

1.0.0

Скачать

weapp-qrcode

weapp.qrcode.js быстро генерирует QR-коды в мини-программах WeChat

Использование

Сначала создайте canvas для рисования в файле wxml и определите 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, вы можете напрямую установить 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'
} )

ДЕМО

Дополнительные демонстрации можно найти в каталоге примеров. Примеры включают собственный синтаксис и платформы WePY, mpvue и Taro.

API

drawQrcode([опции])

параметры

Тип: Объект

параметр	иллюстрировать	Пример
ширина	Обязательно, ширина QR-кода должна соответствовать `width` `canvas`	200
высота	Обязательно высота QR-кода должна соответствовать `height` `canvas` .	200
идентификатор холста	Необязательно, `canvasId` для рисования.	`'myQrcode'`
ctx	Необязательный контекст рисования можно получить через `wx.createCanvasContext('canvasId')` , поддерживается версией v1.0.0+.	`'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) }`
х	Необязательно, начальная позиция оси X для рисования QR-кода, значение по умолчанию — 0, поддерживается версией v1.0.0+.	100
й	Необязательно, начальная позиция оси Y для рисования QR-кода, значение по умолчанию — 0, поддерживается версией v1.0.0+.	100
изображение	Нет необходимости рисовать изображения на холсте. Уровень выше QR-кода . Поддерживается версией v1.0.0+. Для получения дополнительной информации см. drawImage.	`{ imageResource: '', dx: 0, dy: 0, dWidth: 100, dHeight: 100 }`