User Tools

Site Tools


built_in:images

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
built_in:images [2015/03/08 10:44]
octazid [Description]
built_in:images [2018/04/19 23:23] (current)
Line 9: Line 9:
 Use the **SetOnTouch** method of the Image object to set the name of a function you want to be called when the Image is touched. Use the **SetOnTouch** method of the Image object to set the name of a function you want to be called when the Image is touched.
  
-When Image controls are touched, they send an **event object** parameter to your callback function which contains details of the touch event, for example the **action**  +When Image controls are touched, they send an **event object** parameter to your callback function which contains details of the touch event, for example the **action** property of the event object contains **"Down"**, **"Up"** or **"Move"** as the user touches and moves their finger on the screen and the x and y properties contain arrays of touch **coordinates**.
- +
-property of the event object contains **"Down"**, **"Up"** or **"Move"** as the user touches and moves their finger on the screen and the x and y properties contain arrays of touch **coordinates**.+
  
 If you don't set a size, the image object will match the original image size. If you set one dimension to a positive value and leave the other dimension as -1, then the image will maintain its original **aspect ratio**. If you don't set a size, the image object will match the original image size. If you set one dimension to a positive value and leave the other dimension as -1, then the image will maintain its original **aspect ratio**.
Line 28: Line 26:
 Some controls use the same methods.\\ Some controls use the same methods.\\
 For examples of the **[[same methods]]** look here. For examples of the **[[same methods]]** look here.
-^Method ^Description ^ +^ Method                                                        ^ Description                                                                                                                                                                   
-|Image.Clear() | | +| Image.Clear()                                                                                                                                                                                                                               
-|Image.Destroy() | | +| Image.Destroy()                                               Destroy image object. Release memory                                                                                                                                          
-|Image.Draw( func, p1, p2, p3, p4, p5, p6, p7 ) | | +| Image.Draw( func, p1, p2, p3, p4, p5, p6, p7 )                                                                                                                                                                                              
-|Image.DrawArc( x1, y1, x2, y2, start, sweep ) | | +| Image.DrawArc( x1, y1, x2, y2, start, sweep )                                                                                                                                                                                               
-|Image.DrawCircle( x,y,radius ) | | +| Image.DrawCircle( x,y,radius )                                                                                                                                                                                                              
-|Image.DrawImage( image, x, y, w, h, angle ) | | +| Image.DrawImage( image, x, y, w, h, angle )                                                                                                                                                                                                 
-|Image.DrawImageMtx( image, matrix ) | | +| Image.DrawImageMtx( image, matrix )                                                                                                                                                                                                         
-|Image.DrawLine( x1, y1, x2, y2 ) | | +| Image.DrawLine( x1, y1, x2, y2 )                                                                                                                                                                                                            
-|Image.DrawPoint( x, y ) | | +| Image.DrawPoint( x, y )                                       Draw a point on the image canvas.                                                                                                                                             
-|Image.DrawRectangle( x1, y1, x2, y2 ) | | +| Image.DrawRectangle( x1, y1, x2, y2 )                                                                                                                                                                                                       
-|Image.DrawText( txt, x, y ) | | +| Image.DrawText( txt, x, y )                                   Draw text on x,y position inside the image canvas.                                                                                                                            
-|Image.GetAbsHeight() | | +| Image.GetAbsHeight()                                          Get absolute pixel height size of the image.                                                                                                                                  
-|Image.GetAbsWidth() | | +| Image.GetAbsWidth()                                           Get absolute pixel width size of the image.                                                                                                                                   
-|Image.GetHeight() | | +| Image.GetHeight()                                                                                                                                                                                                                           
-|Image.GetName() | | +| Image.GetName()                                                                                                                                                                                                                             
-|Image.GetPixelData( format, left, top, width, height ) | | +| Image.GetPixelData( format, left, top, width, height )        format can be "rawbase64", "rawbase64,grayscale" "pngbase64", "jpgbase64" or json (3x slower than others). Left,Top start pixel position. Width,Height size of pixel output.  
-|Image.GetPosition() | | +| Image.GetPosition()                                           returns an object with properties: left, top, width, height                                                                                                                   
-|Image.GetType() | | +| Image.GetType()                                                                                                                                                                                                                             
-|Image.GetVisibility() | | +| Image.GetVisibility()                                                                                                                                                                                                                       
-|Image.GetWidth() | | +| Image.GetWidth()                                                                                                                                                                                                                            
-|Image.Move( x, y ) | | +| Image.Move( x, y )                                            Move of a canvas                                                                                                                                                                              
-|Image.Release() | | +| Image.Release()                                               Release object memory.                                                                                                                                                        
-|Image.Reset() | | +| Image.Reset()                                                                                                                                                                                                                               
-|Image.Rotate( angle, pivotX, pivotY ) | | +| Image.Rotate( angle, pivotX, pivotY )                         Rotate of a canvas                                                                                                                                                                            
-|Image.Save( fileName ) | | +[[Image.Save]]( fileName,quality                            quality parameter new since Vers 1.29 \\ support for png files since Vers 1.29                                                                                                
-|Image.Scale( x, y ) | | +| Image.Scale( x, y )                                           Set zoom of a canvas                                                                                                                                                                              
-|Image.SetAlpha( alpha ) | | +| Image.SetAlpha( alpha )                                       Transparency of a canvas                                                                                                                                                                              
-|Image.SetAutoUpdate( onoff ) | | +| Image.SetAutoUpdate( onoff )                                  Turn On/Off the update on action on image manipulation. By turning off update, call to Image.Update( ) will update the image all commands done on the image.                  
-|Image.SetBackColor( colorCode ) | | +| Image.SetBackColor( colorCode )                               Set background color                                                                                                                                                                              
-|Image.SetBackGradient( color1,color2,color3,p4,p5,p6,p7 ) | | +| Image.SetBackGradient( color1,color2,color3,p4,p5,p6,p7 )                                                                                                                                                                                   
-|Image.SetBackGradientRadial( x,y,r,color1,color2,color3,p7 ) | | +| Image.SetBackGradientRadial( x,y,r,color1,color2,color3,p7 )                                                                                                                                                                                
-|Image.SetBackground( imagefile,options ) | | +| Image.SetBackground( imagefile,options )                                                                                                                                                                                                    
-|Image.SetColor( color ) | | +| Image.SetColor( color )                                                                                                                                                                                                                     
-|Image.SetFontFile( file ) | | +| Image.SetFontFile( file )                                     Set the font type to be draw on the image.                                                                                                                                    
-|Image.SetImage( image,width,height,options ) | | +| Image.SetImage( image,width,height,options )                                                                                                                                                                                                
-|Image.SetLineWidth( width ) | | +| Image.SetLineWidth( width )                                                                                                                                                                                                                 
-|Image.SetMargins( left,top,right,bottom ) | | +| Image.SetMargins( left,top,right,bottom )                                                                                                                                                                                                   
-|Image.SetMaxRate( ms ) | | +| Image.SetMaxRate( ms )                                        Set the minimum amount of time (in ms) between OnTouchMove events                                                                                                             
-|Image.SetName( p1 ) | | +| Image.SetName( p1 )                                           Set name canvas                                                                                                                                                                              
-|Image.SetOnLoad( callback ) | | +| Image.SetOnLoad( callback )                                                                                                                                                                                                                 
-|Image.SetOnLongTouch( callback ) | | +| Image.SetOnLongTouch( callback )                                                                                                                                                                                                            
-|Image.SetOnTouch( callback ) | | +| Image.SetOnTouch( callback )                                                                                                                                                                                                                
-|Image.SetOnTouchDown( callback ) | | +| Image.SetOnTouchDown( callback )                                                                                                                                                                                                            
-|Image.SetOnTouchMove( callback ) | | +| Image.SetOnTouchMove( callback )                                                                                                                                                                                                            
-|Image.SetOnTouchUp( callback ) | | +| Image.SetOnTouchUp( callback )                                                                                                                                                                                                              
-|Image.SetPadding( left, top, right, bottom ) | | +| Image.SetPadding( left, top, right, bottom )                                                                                                                                                                                                
-|Image.SetPaintColor( color ) | | +| Image.SetPaintColor( color )                                  Set the color on draw action to the image.                                                                                                                                    
-|Image.SetPaintStyle( style ) | | +| Image.SetPaintStyle( style )                                  Paint style(line,fill)                                                                                                                                                                              
-|Image.SetPosition( left, top, width, height ) | | +| Image.SetPosition( left, top, width, height )                                                                                                                                                                                               
-|Image.SetScale( x,y ) |Fract values (as usual): 1=original, -1=flip (mirror) | +| Image.SetScale( x,y )                                         | Fract values (as usual): 1=original, -1=flip (mirror)                                                                                                                         
-|Image.SetSize( width, height ) | | +| Image.SetSize( width, height )                                                                                                                                                                                                              
-|Image.SetTextSize( size ) | | +| Image.SetTextSize( size )                                                                                                                                                                                                                   
-|Image.SetTouchable( callback ) | | +| Image.SetTouchable( callback )                                                                                                                                                                                                              
-|Image.SetVisibility( HideShow ) | | +| Image.SetVisibility( HideShow )                                                                                                                                                                                                             
-|Image.Skew( p1,p2 ) | | +| Image.Skew( p1,p2 )                                                                                                                                                                                                                         
-|Image.Transform( matrix ) | | +| Image.Transform( matrix )                                                                                                                                                                                                                   
-|Image.Update() | | +| Image.Update()                                                                                                                                                                                                                              
-|Image.Update2() | |+| Image.Update2()                                                                                                                                                                                                                             | 
 + 
 +===== Options ===== 
 + 
 +^ Button       ^ Causes the image to depress like a button when touched                                                                                                                                       ^ 
 +| async        | Loads the image from file in the background and allows your code to continue without waiting for it to load                                                                                  | 
 +| FontAwesome  | Use this option to write icons as Text on your image\\ (see the sample at the bottom)                                                                                                        | 
 +| Resize       | The Resize option internally scales down the original image to the display size, so it uses up less memory than the full size image (useful if you are displaying lots of thumbnail images) 
 +| ScaleCenter  | you can use the option to keep the image at it's original size and centered within the Image object                                                                                          | 
 +| Button       | Causes image to depress like a button when touched                                              |
  
 ---- ----
Line 175: Line 182:
 Some say there should always be **Hello World** code. Some say there should always be **Hello World** code.
 <code javaScript helloimage.js> <code javaScript helloimage.js>
-function OnStart(){+function OnStart() 
 +{
   lay = app.CreateLayout( "Linear", "VCenter,FillXY" );   lay = app.CreateLayout( "Linear", "VCenter,FillXY" );
  
built_in/images.1425811480.txt.gz · Last modified: 2015/03/08 18:44 (external edit)