WeChatウィジェット-QRコード作成ツールweapp-qrcode.jsの使用
2691 ワード
WeChatウィジェット-QRコード作成ツールweapp-qrcode.jsの使用
ウィジェットにweapp-qrcodeを導入する.jsは、変換が必要なページにこのjsを導入します.
ページwxml
スタート
textは、QRコードに変換する必要がある文字列である.
widthとheightは描画されたQRコードの長さ幅であり、ここではcanvasと同じ長さ幅に設定されている.
color Darkとcolor LightはQRコードが交互になる2色です.
CorrectLevelはソースコードを詳しく見ていないので、命名上は正確度であるべきです.
QRコードを再生成する必要がある場合はqrcodeを呼び出す.makeCode(‘text you want convert’).
ウィジェットにweapp-qrcodeを導入する.jsは、変換が必要なページにこのjsを導入します.
var QRCode=require("../../utils/weapp-qrcode.js")
ページwxml
<canvas class='canvas' canvas-id='canvas' bindlongtap='save'></canvas>
スタート
var qrcode = new QRCode('canvas', {
text: "123456",
width: 150,
height: 150,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H,
});
textは、QRコードに変換する必要がある文字列である.
widthとheightは描画されたQRコードの長さ幅であり、ここではcanvasと同じ長さ幅に設定されている.
color Darkとcolor LightはQRコードが交互になる2色です.
CorrectLevelはソースコードを詳しく見ていないので、命名上は正確度であるべきです.
QRコードを再生成する必要がある場合はqrcodeを呼び出す.makeCode(‘text you want convert’).