چگونه در جاوا اسکریپت (qrcode) کیو آر کد بسازیم ؟

چگونه در جاوا اسکریپت (qrcode) کیو آر کد بسازیم ؟

چگونه در جاوا اسکریپت qrcode بسازیم ؟ در این آموزش قصد داریم که یاد بگیریم چطوری یک سری اطلاعات رو در قالب یک qrcode ذخیره کنیم که هر دستگاهی پس از اسکن آن بتواند به اطلاعات آن دسترسی پیدا کند . این اطلاعات می تواند یک ایمیل ، شماره تماس ، متن ( نوشته ) ، آدرس وبسایت و کلی دیگر از داده ها باشد . برای ساخت qrcode در جاوا اسکریپت راه های زیاد وجود دارد که ما در این آموزش از کتابخانه ی qrcode.js کمک می گیریم .

کتابخانه ی qrcode.js برای ساخت qrcode

qrcode.js کتابخانه ای سبک و کاربردی و دارای پشتیبانی از اکثر مرورگر ها است که به ما در ساخت یک qrcode کمک بسیاری می کند .

در تگ head این کتابخانه را اضافه کنید .



حال یک المنت با یک آیدی یا کلاس تعریف کنید که از طریق javascript قابل دسترسی باشد . مثل :


حال می توانید اطلاعات خود را وارد کنید .

var qrcode = new QRCode(
document.getElementById('qrcode') /* dom element */ , {
			text: "https://rapidcode.ir", /* اطلاعاتی که میخواهیم در قالب یک qrcode باشد */ 
			width: 90, /* طول qrcode */
			height: 90 /* ارتفاع qrcode */
});
console.log(qrcode['_htOption']['text']); // همان اطلاعاتی که وارد کردیم .


و نتیجه این گونه می شود :

بارکد ساخته شده در جاوااسکریپت

دانلود پروژه ساخت qrcode با جاوا اسکریپت

ارسال نظر