|
7 | 7 | name="description" |
8 | 8 | content="Browse 30+ JavaScript barcode scanning samples including framework integrations (Angular, React, Vue, Next.js, etc.) and real-world scenarios. Try live demos and explore source code." |
9 | 9 | /> |
10 | | - <link rel="icon" href="./favicon.ico" type="image/x-icon" /> |
| 10 | + <link rel="icon" href="data:image/x-icon;base64,AAABAAIAICAAAAEACACoCAAAJgAAABAQAAABAAgAaAUAAM4IAAAoAAAAIAAAAEAAAAABAAgAAAAAAAAEAAAAAAAAAAAAAAABAAAAAQAAAAAAABON/gAUjf4AGI/+AB+T/gAgk/4AKJf+ACuZ/gAynP4AOJ/+AD2h/gBBov4ARaX+AEim/gBLqP4AT6r+AFCq/gBWrf4AXbD+AGm2/gBuuf4Adbz+AHu//gB8v/4AgcL+AIXE/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAGAwVAAAAABUMFwAAAAAAAAAAAAAAAAAAAAAAAAAADAEBARQAAAAAFAEBAQoAAAAAAAAAAAAAAAAAAAAAEAEBAQEBFAAAAAAUAQEBAQEMAAAAAAAAAAAAAAAAAAUBAQEBAQEUAAAAABQBAQEBAQEEAAAAAAAAAAAAAAADAQEBAQEBARQAAAAAFAEBAQEBAQEBAAAAAAAAAAAAAwEBAQEBAQEBFAAAAAAUAQEBAQEBAQEBAAAAAAAAAAUBAQEBAQEBARAAAAAAAAAQAwEBAQEBAQEEAAAAAAAQAQEBAQEBAQ0AAAAAAAAAAAAAEAEBAQEBAQEMAAAAAAEBAQEBAQEXAAAAAAAAAAAAAAAAGAEBAQEBAQEAAAANAQEBAQEBFwAAAAAAAAAAAAAAAAAAGAEBAQEBAQkAGAEBAQEBAQ0AAAAAAAAAAAAAAAAAAAAAEAEBAQEBARgMAQEBAQEBAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEBDAgBAQEBAQ4AAAAAAAAAAAAAAAAAAAAAAAARAQEBAQEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgGBgYGBgAAAAAAAAAAAAAAAAAAAAAAAAAABgYGBgYIDAEBAwEBDAAAAAAAAAAAAAAAAAAAAAAAABABAwEDAQwYAQEBAQEBAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEBGAABAQEBAQEKAAAAAAAAAAAAAAAAAAAAAA0BAQEBAQEAAA4BAQEBAQETAAAAAAAAAAAAAAAAAAAXAQEBAQEBDAAAAAEBAQEBAQETAAAAAAAAAAAAAAAAFQEBAQEBAQEAAAAAEgEBAQEBAQEKAAAAAAAAAAAAAAoBAQEBAQEBEAAAAAAABgEBAQEBAQEBCgAAAAAAAAwBAQEBAQEBAQUAAAAAAAAAAwEBAQEBAQEBFAAAAAAUAQEBAQEBAQEDAAAAAAAAAAAAAwEBAQEBAQEUAAAAABQBAQEBAQEBAwAAAAAAAAAAAAAABgEBAQEBARQAAAAAFAEBAQEBAQUAAAAAAAAAAAAAAAAAEgEBAQEBFAAAAAAUAQEBAQEQAAAAAAAAAAAAAAAAAAAAAA4BAQEUAAAAABQBAQEMAAAAAAAAAAAAAAAAAAAAAAAAAAAYEBgAAAAAGA4YAAAAAAAAAAAAAAD/48f//4PB//4DwH/8A8A/+APAH/ADwA/gB+AHwB/4A8A//AOAf/4BAP//AAH//4AB//+A//////////////////////////8D///AAf//gAH//4CA//8BgH/+AcA//APAH/gD4AfgB/ADwA/4A8Af/APAP/4DwH//g8H//+PH/ygAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAABAAAAAAAAE43+AB+T/gAtmf4ANJ3+AD2h/gBBo/4ASqf+AEuo/gBOqf4AUar+AFOs/gBUrP4AWK7+AF2w/gBhs/4AcLr+AHS7/gB4vv4AgcL9AIfE/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAOCQAACQ4AAAAAAAAAAA0BAQYAAAYBAQwAAAAAAAUBAQEGAAAGAQEBBAAAAA0BAQEMAAAAAAwBAQEMAAABAQETAAAAAAAAEwEBAQAPAQEJAAAAAAAAAAAMAQEOEQ8PAAAAAAAAAAAAAA8PEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAICAAAAAAAAAAAAAAICAw8BAQcAAAAAAAAAAAwBAQ4AAQEBEgAAAAAAABMBAQEAAA4BAQEHAAAAAAkBAQENAAAABQEBAQYAAAYBAQEFAAAAAAAOAQEGAAAGAQENAAAAAAAAAAAPDAAADA8AAAAAAPmfAADhhwAAwYMAAIPBAACH4QAAD/AAAB/4AAD//wAA//8AAB/4AAAP8AAAh+EAAIPBAADBgwAA4YcAAPmfAAA=" type="image/x-icon" /> |
11 | 11 | <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/index.html" /> |
12 | 12 | <title>Dynamsoft Barcode Reader Samples</title> |
13 | 13 | </head> |
|
23 | 23 | } |
24 | 24 | .filetree .ds-logo { |
25 | 25 | height: 6vh; |
26 | | - background: url(logo-dynamsoft-black.svg) no-repeat 0; |
27 | | - background-size: contain; |
28 | 26 | } |
29 | 27 | </style> |
30 | 28 | <!-- |
|
809 | 807 | </style> |
810 | 808 | <div class="filetree"> |
811 | 809 | <a href="https://www.dynamsoft.com/" target="_blank"> |
812 | | - <div class="ds-logo"></div> |
| 810 | + <div class="ds-logo"> |
| 811 | + <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 159 39" style="height:100%;" xml:space="preserve"> |
| 812 | + <style type="text/css">.st0{fill:#323234;}.st1{fill:#F99D31;}</style> |
| 813 | + <path class="st0" d="M0,5.3h6.9c4.8,0,7.4,2.6,7.4,8.2v10.8c0,5.6-2.6,8.2-7.4,8.2H0V5.3z M4.7,28.7h1.6c2.5,0,3.4-0.9,3.4-3.8V12.9c0-2.9-0.9-3.8-3.4-3.8H4.7V28.7z"/> |
| 814 | + <path class="st0" d="M26.6,12.2h4.3L25.6,34c-0.9,3.7-2.6,4.9-5.8,4.9H18v-3.5h1c2.1,0,2.8-1.1,2.8-3.3c0-0.8-0.2-1.7-0.5-2.7L17,12.2h4.3l2.7,13h0.1L26.6,12.2z"/> |
| 815 | + <path class="st0" d="M33.3,32.5V12.2h4v2c1.8-1.5,2.7-2.4,5.1-2.4c2.2,0,3.5,1.6,3.5,4.3v16.4h-4.2V16.8c0-1-0.6-1.5-1.5-1.5c-0.9,0-1.7,0.6-2.7,1.3v15.9H33.3z"/> |
| 816 | + <path class="st0" d="M49.6,18.2c0.2-4.1,2.8-6.3,6.8-6.3c3.9,0,6.2,1.8,6.2,5.5v13c0,0.6,0.2,1.5,0.3,2.2h-4c0-0.6-0.2-1.1-0.2-1.6c-1.6,1.3-2.9,2-4.9,2c-2.9,0-4.3-2-4.3-4.6c0-4.5,2.9-6.9,9-9.2v-1.2c0-1.7-0.7-2.6-2.1-2.6c-1.9,0-2.3,1.1-2.4,2.9H49.6z M58.4,22.2c-3.8,2.2-4.8,3.6-4.8,5.4c0,1.3,0.7,1.8,2,1.8c1.2,0,2.1-0.9,2.8-1.9V22.2z"/> |
| 817 | + <path class="st0" d="M75.3,32.5V16.8c0-1-0.6-1.5-1.5-1.5c-0.9,0-1.7,0.6-2.7,1.3v15.9h-4.2V12.2h4v2c1.8-1.5,2.7-2.4,4.7-2.4c2.1,0,2.8,0.8,3.7,2.4c2-2,3.2-2.4,4.7-2.4c2.6,0,4,1.6,4,4.3v16.4h-4.2V16.8c0-1-0.7-1.5-1.5-1.5c-0.9,0-1.7,0.6-2.7,1.3v15.9H75.3z"/> |
| 818 | + <g><path class="st0" d="M151.8,27.2h-1v-0.9h3.1v0.9h-1v5.3h-1.1V27.2z"/><path class="st0" d="M158.9,26.3v6.2h-0.9v-4.9h0l-1,4.9h-0.5l-1-4.9h0v4.9h-0.9v-6.2h1.4l0.8,3.6h0l0.8-3.6H158.9z"/></g> |
| 819 | + <polygon class="st0" points="118.9,0 114,0 116.5,6.3"/> |
| 820 | + <path class="st1" d="M99.7,17.8c-0.3-1.6-1.1-2.5-2.4-2.5c-1.1,0-1.9,0.6-1.9,1.6c0,3.2,7.9,4.5,7.9,10.5c0,3.6-2.5,5.5-5.9,5.5c-3.7,0-5.8-2.1-6.5-5.7l3.7-1c0.3,1.7,0.9,3.2,2.8,3.2c1.1,0,1.9-0.6,1.9-1.8c0-3.5-7.9-4.8-7.9-10.4c0-3.2,2.5-5.4,5.7-5.4c3.3,0,5.5,2.2,6.2,5.4L99.7,17.8z"/> |
| 821 | + <path class="st1" d="M130.5,15.7H128v-3.5h2.5V9.7c0-3.3,1.7-4.8,4.7-4.8h2.1v3.5h-1.2c-1,0-1.4,0.4-1.4,1.4v2.5h2.4v3.5h-2.4v16.8h-4.2V15.7z"/> |
| 822 | + <path class="st1" d="M138.5,15.7v-3.5h2.3V6.7h4.2v5.5h2.8v3.5h-2.8v11.7c0,1.1,0.5,1.7,1.4,1.7h1.4v3.6c-0.6,0.2-1.1,0.2-2.1,0.2c-3.2,0-4.9-1.5-4.9-4.6V15.7H138.5z"/> |
| 823 | + <g><path class="st1" d="M114.7,15.7v-4.2c-4.7,0.7-8.4,4.5-9,9.2h4.2C110.4,18.2,112.3,16.3,114.7,15.7z"/><path class="st1" d="M123,20.6h4.2c-0.7-4.7-4.4-8.5-9.1-9.2v4.2C120.5,16.2,122.4,18.2,123,20.6z"/><path class="st1" d="M110,24h-4.2c0.8,4.6,4.4,8.2,9,8.9v-4.2C112.4,28.1,110.6,26.3,110,24z"/><path class="st1" d="M118.1,28.7v4.2c4.6-0.7,8.3-4.3,9.1-8.9h-4.2C122.3,26.3,120.4,28.1,118.1,28.7z"/></g> |
| 824 | + </svg> |
| 825 | + </div> |
813 | 826 | </a> |
814 | 827 |
|
815 | 828 | <!-- Featured Section - Quick Start & Official Demo --> |
816 | 829 | <div class="featured-container"> |
817 | | - <a href="hello-world.html" class="featured-box quick-start"> |
| 830 | + <a href="basics/hello-world.html" class="featured-box quick-start"> |
818 | 831 | <span class="label">🚀 Quick Start</span> |
819 | 832 | <div class="title">Hello World - Scan Multiple Barcodes</div> |
820 | 833 | <div class="description">The simplest example to get started with barcode scanning. Continuously scans and collects multiple unique barcodes</div> |
|
833 | 846 | <span |
834 | 847 | class="github-badge" |
835 | 848 | title="View source code on GitHub" |
836 | | - onclick="event.stopPropagation(); window.open('https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/hello-world.html', '_blank'); return false;" |
| 849 | + onclick="event.stopPropagation(); window.open('https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/hello-world.html', '_blank'); return false;" |
837 | 850 | > |
838 | 851 | <svg width="20" height="20" viewBox="0 0 16 16" fill="white"> |
839 | 852 | <path |
@@ -886,28 +899,28 @@ <h3> |
886 | 899 | </div> |
887 | 900 | <div class="children"> |
888 | 901 | <div class="file"> |
889 | | - <a class="button title demo-link" href="hello-world.html" title="View live demo">Hello World (Scan Multiple Barcodes)</a> |
| 902 | + <a class="button title demo-link" href="basics/hello-world.html" title="View live demo">Hello World (Scan Multiple Barcodes)</a> |
890 | 903 | <a |
891 | 904 | class="button title source-link" |
892 | | - href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/hello-world.html" |
| 905 | + href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/hello-world.html" |
893 | 906 | title="View source code on GitHub" |
894 | 907 | >Source</a |
895 | 908 | > |
896 | 909 | </div> |
897 | 910 | <div class="file"> |
898 | | - <a class="button title demo-link" href="scan-a-single-barcode.html" title="View live demo">Scan a Single Barcode</a> |
| 911 | + <a class="button title demo-link" href="basics/scan-a-single-barcode.html" title="View live demo">Scan a Single Barcode</a> |
899 | 912 | <a |
900 | 913 | class="button title source-link" |
901 | | - href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/scan-a-single-barcode.html" |
| 914 | + href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/scan-a-single-barcode.html" |
902 | 915 | title="View source code on GitHub" |
903 | 916 | >Source</a |
904 | 917 | > |
905 | 918 | </div> |
906 | 919 | <div class="file"> |
907 | | - <a class="button title demo-link" href="read-an-image.html" title="View live demo">Read an Image</a> |
| 920 | + <a class="button title demo-link" href="basics/read-an-image.html" title="View live demo">Read an Image</a> |
908 | 921 | <a |
909 | 922 | class="button title source-link" |
910 | | - href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/read-an-image.html" |
| 923 | + href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/read-an-image.html" |
911 | 924 | title="View source code on GitHub" |
912 | 925 | >Source</a |
913 | 926 | > |
|
0 commit comments