The new PCIbex Farm is here! Be sure to check out all of its new features and changes.

Link Search Menu Expand Document



Adds the content of the element to the screen. This has no effect for non-visual elements such as the purely interactive Selector elements.



What does getX() mean?


  • getX(ELEMENT_NAME).print(x,y)

  • getX(ELEMENT_NAME).print(x,y,canvas)


  • Since PennController 1.3, you can pass x and y values to print the element at a specific position on the page, or on a Canvas element if you pass one (or the name of a Canvas element) as the third parameter. You can use any CSS coordinate format for x and y, or special string values following the respective formats "left|center|right at ..." and "top|middle|bottom at ...". Note that x and y are not supported for Audio, Canvas, Scale, TextInput, Video and Youtube elements in PennController 1.3 ; note also that elements added with .before and .after mess with proportional coordinates.


@newImage( "smiley" , "ya.png" )
@newCanvas( "myCanvas" , 100 , 100 )
@    .css( "border" , "solid 1px black" )
@    .center()
@    .add( "center at 50%" , "center at 50%" , getImage("smiley") )
$    .print()
  • Prints the smiley image at the center of the canvas.