react instascan تحميل - react instascan تنزيل كود المصدر

react instascan

شفرة المصدر الأخرى

1.0.0

تنزيل

تفاعل الانستقرام

ميناء مكتبة Instascan للرد

تحذير

تستخدم هذه المكتبة instascan-umd بدلاً من instascan باعتبارها تبعية لكل. إذا كنت تقوم بالترقية إلى إصدارات أحدث، فيجب عليك تثبيت istascan-umd .

التثبيت

npm

npm install react-instascan react instascan-umd --save

غزل

yarn add react-instascan react instascan-umd

باستخدام unpkg CDN

 < script type =" application/javascript " src =" https://unpkg.com/react-instascan/dist/main.js " > </ script >

متطلبات

لاستخدام هذه المكتبة تحتاج على الأقل إلى:

رد فعل >= 16.3
instascan-umd >= 1

استخدامه

استيراد

يعرض React Instascan مكونين: الكاميرات والماسح الضوئي .
مع EModules:

 import { Cameras , Scanner } from "react-instascan" ;

أو مع CommonsJS:

 const { Cameras , Scanner } = require ( "react-instascan" ) ;

مكون "الكاميرات" مع خاصية العرض وسيتم جلبه للكاميرات المتوفرة على جهازك.
يتلقى مكون الماسح الضوئي الكاميرا كدعائم وعنصر VideoHTML كعنصر فرعي. بعد ذلك سوف يقوم باستدعاء مستمع onScan عند قراءة الكود. تتوفر أيضًا أنواع أحداث أخرى (راجع جدول واجهة برمجة التطبيقات):

 < Cameras >
  { cameras => (
    < div >
      < h1 > Scan the code! < / h1 >
      < Scanner camera = { cameras [ 0 ] } onScan = { onScan } >
        < video style = { { width : 400 , height : 400 } } / >
      < / Scanner >
    < / div >
  ) }
< / Cameras >

خصائص الماسح الضوئي

اسم	يكتب	وصف
آلة تصوير	هدف	كائن الكاميرا الذي تم إرجاعه بواسطة <Camera />
خيارات	هدف	نفس الخيارات من Instascan.Scanner
قف	منطقية	إذا كان التوقف صحيحا تتوقف الكاميرا والعكس صحيح
com.onScan	وظيفة	ينبعث عند مسح رمز الاستجابة السريعة باستخدام الكاميرا في الوضع المستمر
onStart	وظيفة	يتم الاتصال به عندما تكون الكاميرا نشطة ويبدأ المسح
onStop	وظيفة	يتم الاتصال به عند توقف الكاميرا والمسح الضوئي
onActive	وظيفة	ينبعث عندما يصبح الماسح الضوئي نشطًا نتيجة توقفه عن التحول إلى خطأ أو اكتساب علامة التبويب التركيز
onInactive	وظيفة	ينبعث عندما يصبح الماسح الضوئي غير نشط نتيجة توقفه عن التحول إلى الوضع الصحيح أو فقدان علامة التبويب للتركيز

لمزيد من التفاصيل تحقق من Instascan API

المساهمة

الاستخدام من المصدر مباشرة

على الرغم من أن هذا المشروع يأتي مع مثال بسيط، فقد ترغب في استخدام هذا الكود مباشرة على الكود الخاص بك لاختبار وإصلاح الأخطاء المحتملة. لذلك يمكنك فقط ربط هذه الحزمة