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)

Contributors

• Bell Eapen