Skip to content

💊 LesionMapper is a tool and a method for standardized mapping of lesions in Dermatology.

Notifications You must be signed in to change notification settings

dermatologist/lesion-mapper

Repository files navigation

Lesion Mapper - Vue Component

forthebadge npm Build

LesionMapper

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?
lmColor String green Button color

Events

name Type Description
savelm event Json representation
exportlm event Base64 String

Methods

setLmBackground(image)

Install the development version from GitHub as below

Add the following to .npmrc

registry=https://registry.npmjs.org/
@dermatologist:registry=https://npm.pkg.github.com

And

npm install @dermatologist/lesion-mapper --save

Contributors

About

💊 LesionMapper is a tool and a method for standardized mapping of lesions in Dermatology.

Topics

Resources

Stars

Watchers

Forks

Packages