Image

Control image X and Y position, Opacity, Width

The Image widget enables the control of an image on the screen. The inputs can control the X position, Y position, and opacity of the image. You can drag the image anywhere on the screen, and until an input value changes the location, the image will stay there.


Instructions

1 Set the image

In the more tab, set the file name (.gif, .jpg, .png, .svg) that’s local on your device. The files are located in the NTK application directory:

App: NTK.app>Contents>app>dist>assets>images>ntk_logo.jpg (on Mac, open app with right/control-click, Show Package Contents)

Command Line: NTKserver>assets>images>ntk_logo.jpg

Place your own files in this directory, and put the filename in the widget

ntk_app

2 Connect

Connect input widgets to:

  1. X – The input value sets the horizontal position of the image, with zero at the left of the screen.
  2. Y – The input value sets the vertical position of the image, with zero at the top of the screen.
  3. Opacity – The input value sets the opacity of the image, with 0 being completely transparent, and 100 being fully opaque.
  4. Width – The input value sets the width, keeping the height proportional.
NETLabTK - Tangible IoT