From 4a0c89637b4f65233c00266a7406a301a9ba91b2 Mon Sep 17 00:00:00 2001 From: Keillion Date: Sun, 27 Apr 2025 19:59:28 +0800 Subject: [PATCH 1/4] fix link; only html required, no script --- balloon.min.css | 1 - index.html | 459 ++++++++++++++++++++---------------------------- 2 files changed, 190 insertions(+), 270 deletions(-) delete mode 100644 balloon.min.css diff --git a/balloon.min.css b/balloon.min.css deleted file mode 100644 index 41920a5d..00000000 --- a/balloon.min.css +++ /dev/null @@ -1 +0,0 @@ -:root{--balloon-border-radius: 2px;--balloon-color: rgba(16,16,16,0.95);--balloon-text-color: #fff;--balloon-font-size: 12px;--balloon-move: 4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{opacity:0;pointer-events:none;transition:all 0.18s ease-out 0.18s;text-indent:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;font-weight:normal;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:var(--balloon-text-color);border-radius:var(--balloon-border-radius);content:attr(aria-label);padding:.5em 1em;position:absolute;white-space:nowrap;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top-color:var(--balloon-color);opacity:0;pointer-events:none;transition:all 0.18s ease-out 0.18s;content:"";position:absolute;z-index:10}[aria-label][data-balloon-pos]:hover:before,[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-visible]:after,[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after{opacity:1;pointer-events:none}[aria-label][data-balloon-pos].font-awesome:after{font-family:FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}[aria-label][data-balloon-pos][data-balloon-break]:after{white-space:pre}[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after{white-space:pre-line;word-break:break-word}[aria-label][data-balloon-pos][data-balloon-blunt]:before,[aria-label][data-balloon-pos][data-balloon-blunt]:after{transition:none}[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after{transform:translate(-50%, 0)}[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before{transform:translate(-50%, 0)}[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after{left:0}[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before{left:5px}[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after{right:0}[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before{right:5px}[aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:after,[aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after{transform:translate(0, 0)}[aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:before,[aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before{transform:translate(0, 0)}[aria-label][data-balloon-pos][data-balloon-pos^="up"]:before,[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after{bottom:100%;transform-origin:top;transform:translate(0, var(--balloon-move))}[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos="up"]:before,[aria-label][data-balloon-pos][data-balloon-pos="up"]:after{left:50%;transform:translate(-50%, var(--balloon-move))}[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before,[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after{top:100%;transform:translate(0, calc(var(--balloon-move) * -1))}[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after{margin-top:10px}[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before{width:0;height:0;border:5px solid transparent;border-bottom-color:var(--balloon-color)}[aria-label][data-balloon-pos][data-balloon-pos="down"]:after,[aria-label][data-balloon-pos][data-balloon-pos="down"]:before{left:50%;transform:translate(-50%, calc(var(--balloon-move) * -1))}[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after{transform:translate(0, -50%)}[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before{transform:translate(0, -50%)}[aria-label][data-balloon-pos][data-balloon-pos="left"]:after,[aria-label][data-balloon-pos][data-balloon-pos="left"]:before{right:100%;top:50%;transform:translate(var(--balloon-move), -50%)}[aria-label][data-balloon-pos][data-balloon-pos="left"]:after{margin-right:10px}[aria-label][data-balloon-pos][data-balloon-pos="left"]:before{width:0;height:0;border:5px solid transparent;border-left-color:var(--balloon-color)}[aria-label][data-balloon-pos][data-balloon-pos="right"]:after,[aria-label][data-balloon-pos][data-balloon-pos="right"]:before{left:100%;top:50%;transform:translate(calc(var(--balloon-move) * -1), -50%)}[aria-label][data-balloon-pos][data-balloon-pos="right"]:after{margin-left:10px}[aria-label][data-balloon-pos][data-balloon-pos="right"]:before{width:0;height:0;border:5px solid transparent;border-right-color:var(--balloon-color)}[aria-label][data-balloon-pos][data-balloon-length]:after{white-space:normal}[aria-label][data-balloon-pos][data-balloon-length="small"]:after{width:80px}[aria-label][data-balloon-pos][data-balloon-length="medium"]:after{width:150px}[aria-label][data-balloon-pos][data-balloon-length="large"]:after{width:260px}[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after{width:380px}@media screen and (max-width: 768px){[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after{width:90vw}}[aria-label][data-balloon-pos][data-balloon-length="fit"]:after{width:100%} diff --git a/index.html b/index.html index 3d187520..92bf22f7 100644 --- a/index.html +++ b/index.html @@ -6,122 +6,216 @@ - - Dynamsoft Barcode Reader Samples + + + + +
-
-

BarcodeScanner API Samples

-
-
-
Scan Single Barcode
-
-
Hello World - -
-
Hello World in - Angular (Angular logo) - - -
-
- Hello World in - React (React logo) - - -
-
- Hello World in - Vue (Vue logo) - - -
+
+

BarcodeScanner API Samples

-
Scan Multiple Barcodes
-
Hello World - - +
Scan Single Barcode
+
+
Hello World + +
+
Hello World in + Angular (Angular logo) + + +
+
+ Hello World in + React (React logo) + + +
+
+ Hello World in + Vue (Vue logo) + + +
-
Scan - to Cart Simulation - +
Scan Multiple Barcodes
+
+
Hello World + + +
+
Scan + to Cart Simulation + +
-

Foundational API Samples

Hello World
-
Hello +
Hello World - +
-
Read + whether on mobile or desktop.">Read an Existing Image - +
-
Hello World in +
Hello World in Angular (Angular logo) - +
-
Hello World in +
Hello World in Blazor (Blazor logo) - +
-
+
Hello World in React (React logo) - +
-
+
Hello World in React(using Hooks)(React logo) - +
-
+
Hello World in Vue (Vue logo) - +
-
+
Hello World in Next.js ( @@ -144,10 +238,10 @@

Foundational API Samples

) - +
-
+
Hello World in NuxtJS ( @@ -163,241 +257,68 @@

Foundational API Samples

fill="#108775" /> ) - +
-
+
Hello World in Electron (Electron logo) - +
-
Hello World in +
Hello World in PWA - +
-
Hello +
Hello World with RequireJS - +
-
Hello +
Hello World with ES6 - +
-
+
Hello World in WebView - +
Use Case
-
Read Video and +
Read Video and Fill a Form - +
-
Read a +
Read a Driver's License - +
-
Show Result Texts on the Video - +
Show Result Texts on the Video +
-
Find Item via Barcode - +
Find Item via Barcode +
Others
-
Collect +
Collect Images for Debugging - +
-
Official Online Demo +
Official Online Demo - +
- - - From a2d7fedc2a88584a317669b32c939acc16b8b4f1 Mon Sep 17 00:00:00 2001 From: Keillion Date: Mon, 28 Apr 2025 11:00:47 +0800 Subject: [PATCH 2/4] fix: break link --- .../hello-world/angular/README.md | 2 +- .../hello-world/angular/src/index.html | 2 +- .../hello-world/blazor/README.md | 2 +- .../hello-world/electron/README.md | 2 +- foundational-api-samples/hello-world/es6.html | 2 +- .../hello-world/hello-world.html | 2 +- .../hello-world/native-ts/index.html | 2 +- .../hello-world/next/README.md | 2 +- .../hello-world/nuxt/README.md | 2 +- .../hello-world/pwa/README.md | 4 ++-- .../hello-world/pwa/helloworld-pwa.html | 2 +- .../hello-world/react-hooks/README.md | 2 +- .../hello-world/react-hooks/public/index.html | 2 +- .../hello-world/react/README.md | 2 +- .../hello-world/react/public/index.html | 2 +- .../hello-world/read-an-image.html | 2 +- .../hello-world/requirejs.html | 2 +- .../hello-world/svelte/README.md | 2 +- .../hello-world/vue/README.md | 2 +- .../hello-world/vue/index.html | 2 +- .../src/main/assets/decodeBarcodeInVideo.html | 2 +- .../ios/dbrjswebview/html/decodeFileInVideo.html | 2 +- foundational-api-samples/others/debug/README.md | 4 ++-- foundational-api-samples/use-case/README.md | 16 ++++++++-------- 24 files changed, 33 insertions(+), 33 deletions(-) diff --git a/foundational-api-samples/hello-world/angular/README.md b/foundational-api-samples/hello-world/angular/README.md index 91b50b42..96e9a14c 100644 --- a/foundational-api-samples/hello-world/angular/README.md +++ b/foundational-api-samples/hello-world/angular/README.md @@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht ## Official sample -* Hello World in Angular - Source Code +* Hello World in Angular - Source Code ## Preparation Make sure you have [node](https://nodejs.org/) and [Angular CLI](https://cli.angular.io/) installed. diff --git a/foundational-api-samples/hello-world/angular/src/index.html b/foundational-api-samples/hello-world/angular/src/index.html index 4a1660de..7513197d 100644 --- a/foundational-api-samples/hello-world/angular/src/index.html +++ b/foundational-api-samples/hello-world/angular/src/index.html @@ -13,7 +13,7 @@ diff --git a/foundational-api-samples/hello-world/blazor/README.md b/foundational-api-samples/hello-world/blazor/README.md index 2625f08e..b91e77a1 100644 --- a/foundational-api-samples/hello-world/blazor/README.md +++ b/foundational-api-samples/hello-world/blazor/README.md @@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht ## Official Sample -* Hello World in Blazor - Source Code +* Hello World in Blazor - Source Code ## Preparation diff --git a/foundational-api-samples/hello-world/electron/README.md b/foundational-api-samples/hello-world/electron/README.md index e4a08e2a..c3df4767 100644 --- a/foundational-api-samples/hello-world/electron/README.md +++ b/foundational-api-samples/hello-world/electron/README.md @@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht ## Official Sample -* Hello World in Electron - Source Code +* Hello World in Electron - Source Code ## Preparation diff --git a/foundational-api-samples/hello-world/es6.html b/foundational-api-samples/hello-world/es6.html index 0f88987d..d4329311 100644 --- a/foundational-api-samples/hello-world/es6.html +++ b/foundational-api-samples/hello-world/es6.html @@ -5,7 +5,7 @@ - + Dynamsoft Barcode Reader Sample - Hello World for ES6 (Decode via Camera) diff --git a/foundational-api-samples/hello-world/hello-world.html b/foundational-api-samples/hello-world/hello-world.html index 16650e98..497c9716 100644 --- a/foundational-api-samples/hello-world/hello-world.html +++ b/foundational-api-samples/hello-world/hello-world.html @@ -6,7 +6,7 @@ - + Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera) diff --git a/foundational-api-samples/hello-world/native-ts/index.html b/foundational-api-samples/hello-world/native-ts/index.html index 7367623a..50571ccb 100644 --- a/foundational-api-samples/hello-world/native-ts/index.html +++ b/foundational-api-samples/hello-world/native-ts/index.html @@ -6,7 +6,7 @@ - + Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera) diff --git a/foundational-api-samples/hello-world/next/README.md b/foundational-api-samples/hello-world/next/README.md index a4f0ff4a..9f22f00f 100644 --- a/foundational-api-samples/hello-world/next/README.md +++ b/foundational-api-samples/hello-world/next/README.md @@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht ## Official Sample -* Hello World in Next.js - Source Code +* Hello World in Next.js - Source Code ## Preparation diff --git a/foundational-api-samples/hello-world/nuxt/README.md b/foundational-api-samples/hello-world/nuxt/README.md index c70b07d9..e7ed94d8 100644 --- a/foundational-api-samples/hello-world/nuxt/README.md +++ b/foundational-api-samples/hello-world/nuxt/README.md @@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht ## Official Sample -* Hello World in Nuxt - Source Code +* Hello World in Nuxt - Source Code ## Preparation diff --git a/foundational-api-samples/hello-world/pwa/README.md b/foundational-api-samples/hello-world/pwa/README.md index 6b178038..63f20bc2 100644 --- a/foundational-api-samples/hello-world/pwa/README.md +++ b/foundational-api-samples/hello-world/pwa/README.md @@ -12,8 +12,8 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt ## Official Sample -* Hello World in PWA - Demo -* Hello World in PWA - Source Code +* Hello World in PWA - Demo +* Hello World in PWA - Source Code ## Preparation diff --git a/foundational-api-samples/hello-world/pwa/helloworld-pwa.html b/foundational-api-samples/hello-world/pwa/helloworld-pwa.html index 890812f7..67a61296 100644 --- a/foundational-api-samples/hello-world/pwa/helloworld-pwa.html +++ b/foundational-api-samples/hello-world/pwa/helloworld-pwa.html @@ -6,7 +6,7 @@ Dynamsoft Barcode Reader PWA Sample - Hello World (Decode via Camera) - + diff --git a/foundational-api-samples/hello-world/react-hooks/README.md b/foundational-api-samples/hello-world/react-hooks/README.md index 60febd18..e43be0ea 100644 --- a/foundational-api-samples/hello-world/react-hooks/README.md +++ b/foundational-api-samples/hello-world/react-hooks/README.md @@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt ## Official Sample -* Hello World in React with Hooks - Source Code +* Hello World in React with Hooks - Source Code ## Preparation diff --git a/foundational-api-samples/hello-world/react-hooks/public/index.html b/foundational-api-samples/hello-world/react-hooks/public/index.html index f358c3c6..6628cd75 100644 --- a/foundational-api-samples/hello-world/react-hooks/public/index.html +++ b/foundational-api-samples/hello-world/react-hooks/public/index.html @@ -10,7 +10,7 @@ content="Dynamsoft Barcode Reader in a React Application, helps read barcodes from camera or images." /> - + - - + - +