Activity #2586: Develop code to display image - eHealth PHS - Health and Technology Group

Actions

Copy link

Activity #2586

closed

Feature #138: Development and Unit Testing

Version #1283: Version 1.n

Module #2533: Development for NCD

Feature #2534: Study and code exploration with developement for sample screens

Develop code to display image

Added by Thara S Pillai about 2 years ago. Updated about 2 years ago.

Status:

Closed

Priority:

Normal

Assignee:

Sneha K V

Category:

Development-App

Start date:

05/14/2024

Due date:

05/22/2024

% Done:

100%

Estimated time:

Planned Due Date:

Description

Display images with pre-defined marking.
A tap on image marking to show a set of data fields to capture data on selected site.

Actions

Copy link

Updated by Sneha K V about 2 years ago

Status changed from New to In Progress

Actions

Copy link

Updated by Thara S Pillai about 2 years ago

{
"image": "assets/your_image.jpg",
"icons": [ {
"leftPercent": 0.3,
"topPercent": 0.4,
"color": "#FF0000",
"label": "Upper Lip"
}, {
"leftPercent": 0.3,
"topPercent": 0.6,
"color": "#00FF00",
"label": "Lower Lip"
}, {
"leftPercent": 0.5,
"topPercent": 0.5,
"color": "#0000FF",
"label": "Center"
}, {
"leftPercent": 0.7,
"topPercent": 0.4,
"color": "#FFFF00",
"label": "Right Cheek"
}, {
"leftPercent": 0.1,
"topPercent": 0.4,
"color": "#FF00FF",
"label": "Left Cheek"
}
]
}

Read from a JSON to get relative positions of markings from top left to place overlay icons
Adjust values according to the sample oral image
Place overlay icons as per percentage relative position values
May refer stack and positioned-widget along with Image.asset

Actions

Copy link