Image

UI Object that displays an image elements based on the output from a module. The object can display either a color image by specifying the type "rgb" or a gray scale image by specifying the type "gray". Gray scale images can also be rendered in pseudocolor using the type "fire" or "spectrum" depending on the desired color table.

the image object
Example Color Image View

the image object with pseudocolors
Example Psudocolor Image Views (fire, spectrum, green)

Note that this object has been simplified compared to version 1.0. It is now necessary to use separate objects to overlay traces and markers. See circle and trace.

Example XML definitions

Gray scale image: 

  <object
    class="Image"
    module="MY_MODULE"
    source="IMAGE"
    x="0"
    y="0"
  />

Color image with RGB channels from three outputs, all names OUTPUT, from three different modules, M1, M2 and M3: 

  <object
    class="Image"
    type="rgb"
    name="Color Output"
    module="M1+M2+M3"
    source="OUTPUT+OUTPUT+OUTPUT"
    x="0"
    y="0"
  />

Attributes

Attribute Description Default
class must be "Image"  
type gray, rgb, fire or spectrum "gray"
x placement of the object  
y placement of the object  
w width of the object 1
h height of the object 1
module name of the module to be visualized; for color images use the form "module1+module2+module3" if sources are from different modules or "module" if they are from the same.  
source name of the output to be visualized; for color images use the form "source1+source2+source3" for the three RGB channels  
title title of the object module.source
Attributes without default values must be specified.

Author

Christian Balkenius
Lund University Cognitive Science
christian.balkenius@lucs.lu.se

Files

Image.js