Skip to content

Latest commit

 

History

History
 
 

web_demo

English | 简体中文

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

  1. Use TypeScript
  2. Vue's compositional API is recommended. Creating new components according to the 'src/pages/ExampleFile.vue' template
  3. use Less for CSS
  4. Use what Vue recommends for eslint. Try to meet the requirements.
  5. Use Pinia for store
  6. 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