https://github.com/speciesfilegroup/sled
UI for image segmentation of slide collections
https://github.com/speciesfilegroup/sled
Last synced: 4 months ago
JSON representation
UI for image segmentation of slide collections
- Host: GitHub
- URL: https://github.com/speciesfilegroup/sled
- Owner: SpeciesFileGroup
- Created: 2019-04-30T13:40:05.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2024-12-16T05:23:07.000Z (over 1 year ago)
- Last Synced: 2025-03-23T08:33:22.624Z (about 1 year ago)
- Language: Vue
- Size: 4.02 MB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SLED
Sled is a UI for grid-based user-driven image segmentation. Applications in processing of natural history specimen collections.
## Running locally
```bash
npm install
npm run dev
```
Navigate to `http://localhost:8080/` in your browser.
## Installation
With NPM
```bash
npm install @sfg/sled
```
## For Vue.js 3
### Import component
```javascript
import SledComponent from '@sfg/sled'
export default {
components: {
SledComponent
}
}
```
### Typical use
```html
```
### Events
#### onComputedCells
Event is triggered each time when horizontal and vertical lines are added and computed to create the cells. Contains information of computed cells.
```json
{
"index": 2,
"upperCorner": { "x": 3689.25, "y": 0 },
"lowerCorner": { "x": 4919, "y": 1700.75 },
"row": 0,
"column": 2
}
```
Also tracks a metadata label.
```
{
"metadata": 'some label',
}
```
### Props
#### fileImage
Type: `String`
Required: `false`
Default: ''
#### image-width
Type: `Number`
Required: `true`
#### image-height
Type: `Number`
Required: `true`
#### vertical-lines
Type: `Array`
Required: `false`
Default: `[]`
#### horizontal-lines
Type: `Array`
Required: `false`
Default: `[]`
#### line-weight
Type: `Number`
Required: `false`
Default: `4`
#### scale
Type: `Number`
Required: `false`
Default: `1`