JPYC送金用QRコードを生成するJavaScriptライブラリをリリースしたよ
Nuko
4 years ago
JPYC 送金用QRコードを生成するJavaScriptライブラリをリリースしたよ
サマリー
- 短いコードでウェブサイトに JPYC の送金 QR コードを貼り付けられる JavaScript ライブラリをリリースしました
- 標準では JPYC on Polygon の QR コードが生成できます
- オプションを指定すれば、他のコインのコントラクトアドレスやネットワーク(BSC など)のコードも生成できます
- Web サイトを持っている人は募金 QR コードを張り付けたり
- EC サイトを持っている人は JPY の決済手段を簡単に増やすことができます
公開先
ここから qrcodepay.min.js をダウンロードしましょう。
とりあえずの使い方
github の公開先から qrcodepay.min.js をダウンロードしましょう。ヘッダーで qrcode.pay.min.js を読み込ませましょう
<head><script type="text/javascript" src="qrcodepay.min.js"></script></head>
QR コードを埋め込みたいところにしたのコードを貼ります。この例では 200JPY を 0xafd382aCC893127D6fbb197b87453070Fc14D43d に送金する QR コードを出力します。
<div id="qrcode2"></div><script type="text/javascript"> new QRCodePay( document.getElementById("qrcode2"), "200", "0xafd382aCC893127D6fbb197b87453070Fc14D43d" );</script>
こんな感じの QR コードが表示されます。
その他のオプション
QR コードの色を変えたり、サイズを大きさを変えたり、JPYC 以外の通貨を送付したり、Polygon 以外のネットワークを指定することもできます。このようなオプションをすべて指定すると下記のようになります。必要なものだけ指定してください。
<div id="qrcode"></div>
<script type="text/javascript">
new QRCodePay(document.getElementById("qrcode"), {
amount: "1000",
dest: "0xafd382aCC893127D6fbb197b87453070Fc14D43d",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCodePay.CorrectLevel.H,
contractAddr: "0x6ae7dfc73e0dde2aa99ac063dcf7e8a63265108c",
chainId: "137"
});
</script>
紺の QR コードにする場合
<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = new QRCodePay(document.getElementById("qrcode"), {
amount: "1000",
dest: "0xafd382aCC893127D6fbb197b87453070Fc14D43d",
colorDark : "#191970",
colorLight : "#ffffff"
});
</script>
BSC で XWIN を送る場合
<div id="qrcode3"></div>
<script type="text/javascript">
new QRCodePay(document.getElementById("qrcode3"), {
amount: "1000",
dest: "0xafd382aCC893127D6fbb197b87453070Fc14D43d",
contractAddr: "0xd88ca08d8eec1e9e09562213ae83a7853ebb5d28",
chainId: "56",
});
</script>
その他
このライブラリは次の QR コードライブラリからフォークし、ERC20 トークンの支払いコードを簡単に出力するように修正したものです。
https://github.com/davidshimjs/qrcodejs
コメント
いいね
投げ銭
最新順
人気順
コメント
いいね
投げ銭
最新順
人気順