UI for image segmentation of slide collections
npm install @sfgrp/sledSled is a UI for grid-based user-driven image segmentation. Applications in processing of natural history specimen collections.
``bash
npm install
npm run serve
`
Navigate to http://localhost:8080/ in your browser.
With NPM
`bash`
npm install @sfg/sled
`javascript
import SledComponent from '@sfg/sled'
export default {
components: {
SledComponent
}
}
`
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`