Important
This article builds on the prerequisite MDS developer guide for plain JavaScript; please read it before proceeding.
Mobile Document Scanner integrates easily with Vue applications. Just as in plain JavaScript, you can add document scanning in your Vue application in just a few lines of code, and achieve most customizations through the same accessible configuration object.
- Easy integration with pre-built UI
- Render MDS inside a Vue component
- Capture and process documents from video stream
- Automatic document detection and cropping
- Mobile-optimized scanning interface
- TypeScript support with type definitions
- Node.js 20.19.0 or later
- Base requirements
Try MDS by requesting a trial license through our customer portal. You can renew the license twice for up to a total of two months of free access.
Contact us to purchase a full license.
We publish MDS library files on npm to make them simple to reference from a CDN. We reference the library files in our ready-made Hello World sample for Vue included in our GitHub source repository:
-
Download MDS from GitHub as a compressed folder.
-
Extract the contents of the archive, and open the extracted directory in a code editor.
-
Set your license key in the Vue framework sample:
- Open the sample at
/samples/frameworks/vue/src/App.vue. - Search for
"YOUR_LICENSE_KEY_HERE", then replace it with your actual license key.
- Open the sample at
npm installnpm run devThen open http://localhost:5173/ to view the sample app.
Please check the official documentation.
If you have any questions, feel free to contact Dynamsoft Support.