حالة تنفيذ الباركود
1. مقدمةتدير وحدة الباركود مسح الباركود وتوفر وظائف المسح والتعرف على الباركود الشائعة (رموز QR والرموز أحادية البعد) ويمكنها استدعاء كاميرا الجهاز لمسح صور الباركود لإدخال البيانات. يمكن الحصول على كائنات إدارة الباركود من خلال plus.barcode.
2. تم تحقيق التأثير 3. قم بتنفيذ الكود <!doctype html> <html> <head> <meta charset=UTF-8> <title></title> <meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1 ,maximum-scale=1,user-scalable=no /> <link href=css/mui.min.css rel=stylesheet /> <script src=js/mui.min.js></script> <style type=text/css> #bcid{ width: 100% height: 100%; { الارتفاع: 100%; العرض: 100%; .fbt{ اللون: #0E76E1; #ffffff; ffffff;> <a class=mui-action-back mui-icon mui-icon-left-nav mui-pull-left></a> <h1 class=mui-title style=color: #0E76E1;>مسح رمز QR للعنصر</h1> <span class=mui-icon mui-icon-spinner-cycle mui-spin mui-pull-right id=turnTheLight></span> </header> <div id = bcid> <!--div مع الضغط على عنصر التحكم في المسح--> </div> <div class=mui-bar mui-bar-footer style=padding: 0px;> <div class=fbt onclick=scanPicture();>حدد رمز QR من الألبوم</div> <div class=fbt mui-action-back>إلغاء</div> </div> <script type=text/javascript> scan = null; style = {frameColor: #29E52C,scanbarColor: #29E52C,background: } // إنشاء التحكم في المسح scan = new plus.barcode.Barcode('bcid',filter,styles); scan.onmarked = scan.onerror = onerror ; scan.start(); // تشغيل وإيقاف معالجة الفلاش var flag = false; document.getElementById(turnTheLight).addEventListener('tap',function(){ if(flag == false){ scan.setFlash(true); flag = true; }else{ scan.setFlash(false); flag = false; } }); }catch(e){ تنبيه(حدث خطأ:/n+e) }; onmarked( type, result ) { var text = ''; Switch(type){ case plus.barcode.QR: text = 'QR: '; case plus.barcode.EAN8: text = 'EAN8: ';break; plus.gallery.pick(function(path){ plus.barcode.scan(path,onmarked,function(error){ plus.nativeUI.alert(لا يمكن التعرف على هذه الصورة)؛ }); },function(err){ plus originalUI.alert(Failed: +err.message }); } </script> </body> </html> 3. المشاكل التي تمت مواجهتها أثناء العمليةa، div يشغل الصفحة بأكملها
1. يبلغ عرض div وارتفاعه 100%، وارتفاع العنصر الأصلي هو أيضًا هذا (وهكذا حتى العقدة الجذرية)، أو يكون موضع div هذا مطلقًا؛
2. يمكنك استخدام js لتعيين عرض الصفحة وارتفاعها ديناميكيًا.
var height = window.innerHeight + 'px';// احصل على الارتفاع الفعلي للصفحة var width = window.innerWidth + 'px'; document.getElementById(bcid).style.height= height; .style.width= width;
ب، يحتوي عنصر التحكم في المسح على هوامش علوية وسفلية
يتم استخدام التعبئة باللون الأسود لتخفيف الفرق البصري، ولكن لم يتم حلها فعليًا (إذا قمت بحلها، فيرجى ترك رسالة، شكرًا لك).
تلخيصما ورد أعلاه هو وظيفة مسح رمز الاستجابة السريعة التي تم تنفيذها بواسطة HTML5 استنادًا إلى إطار عمل MUI الذي قدمه المحرر، وآمل أن يكون ذلك مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب . أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!