SOURCE CODE: Basic Image Port

VIEW EXAMPLE




  Basic Image Port | JavaScript Examples | UIZE JavaScript Framework
  
  
  
  
  
  
  






UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Basic Image Port

In this example, an instance of Uize.Widget.ImagePort is wired up to demonstrate the sizing and positioning principles of this class. Slider controls are provided for controlling the values of the alignX, alignY, and sizingValue state properties, and select dropdowns are provided for controlling the values of the sizingLowerBound and sizingUpperBound state properties. Alignment for both the X and Y axes is adjustable between 0 and 1. In this example, sizingValue is adjustable between 0 and 3, where 0 means that the image will be sized to the sizingLowerBound, 1 means that the image will be sized to the sizingUpperBound, and values above 1 will oversize the image.

alignY sizingUpperBound
sizingValue (0 to 3)
alignX sizingLowerBound