Example JSON

The code example on this page is an SJSON sample that contains all the information to generate the annotations shown in the image.

The SJSON is composed of the following:

• The visualAspects array — Holds all data concerning the visual characteristics of the annotations, namely the radius of the handle (hRadius), the color of the handle when in normal state (hColor) and when selected (hSelectedColor), the color of the border of the handle (hBorderColor), the thickness of the shape (sThickness), the color of the shape when in its normal state (sColor) and when selected (sSelectedColor) and the color of the border of the shape (sBorderColor).

• The annotations array — Provides information about annotation type, size, position, text content and visual aspect (visualID).

• The ratio of the screen — An essential parameter to properly reapply annotations when the app operates at a resolution different from the original.

Code example

{

"visualAspects": [

{

"sThickness": 6.0,

"hRadius": 6.0,

"hBorderColor": "0 0 0 1",

"hColor": "1 0.65 0.45 1",

"hSelectedColor": "1 0.65 0.45 1",

"sBorderColor": "0 0 0 1",

"sColor": "1 0 0 1",

"sSelectedColor": "1 1 0 1"

},

{

"sThickness": 6.0,

"hRadius": 6.0,

"hBorderColor": "0 0 0 1",

"hColor": "1 0.65 0.45 1",

"hSelectedColor": "1 0.65 0.45 1",

"sBorderColor": "0 1 0 1",

"sColor": "0 0 1 1",

"sSelectedColor": "1 1 0 1"

}

],

"annotations": [

{

"type": "Rect",

"visualID": 0,

"size": "0.05854433397703533 0.737151248164464",

"position": "0.41416140749484676 0.4588839941262849"

},

{

"type": "Circle",

"visualID": 0,

"size": "0.07357594936708861 0.09397944199706314",

"position": "0.5087025316455697 0.5080763582966226"

},

{

"type": "Shape",

"visualID": 1,

"size": "0.17958865588224387 0.18061674008810572",

"position": "0.5719936950297295 0.2077826725403818"

},

{

"type": "Arrow",

"visualID": 0,

"head": "2 1",

"points": [

"0.7436708860759493 0.28487518355359764",

"0.6613924050632911 0.4889867841409692"

]

},

{

"type": "Line",

"visualID": 1,

"head": "0 0",

"points": [

"0.4612341772151899 0.2775330396475771",

"0.4612341772151899 0.7709251101321586"

]

},

{

"type": "FreeHand",

"visualID": 0,

"size": "0.09889240506329114 0.22466960352422907",

"position": "0.34335443037974683 0.5712187958883994",

"lines": "{line0={points=0.12000024 0.3006538,0.20000024 0.23529412,0.28000024 0.18954249,0.32799977 0.16993465,0.39200026 0.1372551,0.456 0.11111111,0.512 0.104575165,0.544 0.09803922,0.56000024 0.09803922,0.584 0.09803922,0.60799974 0.104575165,0.65600026 0.14379065,0.7280002 0.24183007,0.744 0.2875817,0.7520003 0.30718955,0.7520003 0.3137255,0.7520003 0.32026145,0.76000047 0.3267974,0.76000047 0.33333334,0.776 0.33986908,0.792 0.36601308,0.816 0.39215687,0.8400003 0.41830024,0.85600024 0.4640523,0.864 0.5032676,0.872 0.5294118,0.8879998 0.5816994,0.8879998 0.6013072,0.8879998 0.63398695,0.8879998 0.653595,0.8879998 0.6797386,0.8879998 0.7058824,0.8879998 0.73202616,0.8879998 0.7843135,0.8480002 0.83006513,0.78399974 0.86928105,0.744 0.8888889,0.7280002 0.89542484,0.6720002 0.89542484,0.6 0.9019608,0.544 0.9019608,0.52 0.89542484,0.48000026 0.88235295,0.40000024 0.856209,0.36 0.84313726,0.344 0.8366013,0.28000024 0.77124184,0.22400025 0.7124181,0.184 0.6405225,0.16 0.56862766,0.144 0.49019587,0.144 0.44444445,0.144 0.39869282,0.144 0.35294157,0.15199976 0.3267974,0.16 0.30718955}}"

},

{

"type": "Text",

"visualID": 1,

"size": "0.13686708860759494 0.09748504235355865",

"position": "0.8801424050632911 0.7947043532316905",

"font": "Arial,Regular,20",

"fScale": 1.0,

"text": "this is a pipe"

},

{

"type": "Callout",

"visualID": 0,

"size": "0.14556962025316456 0.09748504235355865",

"position": "0.7854480501971667 0.5712187958883994",

"font": "Arial,Regular,20",

"fScale": 1.0,

"text": "this is a valve",

"head": "2 1",

"points": [

"0.7175632911392406 0.6123348017621145",

"0.7175632911392406 0.7195301027900147"

]

}

],

"ratio": 1.856094

}