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 serve
`

Navigate to http://localhost:8080/ in your browser.

Installation

With NPM

`bash
npm install @sfg/sled
`

For Vue.js 3

$3

`javascript
import SledComponent from '@sfg/sled'

export default {
components: {
SledComponent
}
}
`

$3


`html
:vertical-lines="vlines"
:horizontal-lines="hlines"
:image-width="width"
:image-height="height"
:line-weight="lineWeight"
:scale="scaleForScreen"
:file-image="fileImage"
@onComputeCells="saveCells"/>
`

$3

#### 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',
}
`

$3

#### 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`