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)

Starting with version 1.3.1 it is also possible to show static images or use semi-transparenet images as overlays by setting the parameter file to the file name of an image. The directory with the current ikc-file will be searched for an image with this name. If it is not found, the viewer will instead look for the image in the WebUI directory.

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  
file file name of image to show. If set this parameter will override the module and source parameters. [First available in version 1.3.1]
title title of the object module.source

Author

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

Files

Image.js