Lesion Mapper - Vue Component
What is Lesion Mapper
Documenting skin lesions on body wireframes is common in dermatology and can be better in many ways than textual documentation. LesionMapperTM is a tool and a method to standardize the mapping of lesions. In the LesionMapper methodology, the type of lesions are represented by icons. The severity is represented by the opacity of the icon and the location and distribution by the position and size of the icon, respectively. The images can be dragged, enlarged or rotated.
This is a vue component that can be embedded in other systems. It can export the map as a JSON string or a base64 encoded image.
Installation
npm install vuejs-fabric --save
npm install lesion-mapper --save
Import
import VueFabric from 'vuejs-fabric';
import LesionMapper from 'lesion-mapper';
Vue.component('LesionMapper',LesionMapper);
Use
<lesion-mapper ref="lmCanvas" :lmWidth="width" :lmHeight="height"></lesion-mapper>
Usage
Props
| Name | Type | Default | Description |
|---|---|---|---|
| lmWidth | Number | 0 | canvas width |
| lmHeight | Number | 0 | canvas height |
| lmJson | String | "" | Json to render |
| lmImage | String | "" | Background |
| lmDebug | Boolean | false | Debug? |
Events
| name | Type | Description |
|---|---|---|
| savelm | event | Json representation |
| exportlm | event | Base64 String |
Methods
setLmBackground(image)