node-qrcodeのQRコードを画像で取得
以前QRcode.jsで出力したQRコードを画像で取得する方法を教えてもらいましたが・・https://okwave.jp/qa/q100
今回は下記のようなnode-qrcodeを使った場合どうすれば出来るかお教えください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4/build/qrcode.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
let info =
"ひらがなQRサンプル" ;
const options = {
width: 128,
height: 128,
color: {
dark: "#000000", // QRコードの自体
light: "#ffffff", // QRコードの背景
},
};
QRCode.toDataURL(info, options)
.then((url) => {
document.getElementById("qrcode").src = url;
})
.catch((err) => {
console.error(err);
});
});
</script>
</head>
<body>
<img id="qrcode" alt="QRコード" />
</body>
</html>
前回のように
「QRコードを生成しているスクリプトの後ろに
var canv = document.getElementsByTagName("canvas");
var image = canv[0].toDataURL("image/jpeg", 0.75 );
と書き足せば image 変数の中にJPEGデータが生成されます。」
では駄目でした。
よろしくお願いいたします。
お礼
ありがとうございます。 試してみた所できました！