Paddle.js-demo

Demo Directory

Classification	Name	Directory
CV	Portrait matting	/src/pages/cv/segmentation/HumanSeg
CV	Portrait segmentation background replacement	/src/pages/cv/segmentation/HumanSeg
CV	Gesture recognition AI 'Rock Paper Scissors'	/src/pages/cv/recognition/GestureRecognition
CV	Identify 1000 items	/src/pages/cv/recognition/ItemIdentification
CV	Wine bottle recognition	/src/pages/cv/recognition/WineBottleIdentification
CV	Text detection	/src/pages/cv/ocr/TextDetection
CV	Text Recognition	/src/pages/cv/ocr/TextRecognition

Introduction to Development

Install dependencies

npm install

Development

npm run dev

Page View

Visit http://localhost:5173/main/index.html and enter homepage

Construction

npm run build

ESLint Formatting

npm run lint

Project style

Use TypeScript
Vue's compositional API is recommended. Creating new components according to the 'src/pages/ExampleFile.vue' template
use Less for CSS
Use what Vue recommends for eslint. Try to meet the requirements.
Use Pinia for store
Use vue-router for router

Brief introduction to src

├─assets  
├─components  
├─router 
├─stores 
└─pages 
    └─cv  demo of cv
        ├─ocr  demo of ocr
        │  ├─TextDetection
        │  └─TextRecognition
        ├─...
        ├─recognition  demo of recognition
        │  ├─GestureRecognition
        │  ├─ItemIdentification
        │  ├─...
        │  └─WineBottleIdentification
        └─segmentation  demo of segmentation
            ├─PortraitBackgroundReplacement
            ├─...
            └─PortraitMatting

Add new components under corresponding categories. Refer to 'src/pages/ExampleFile.vue' for its template