JavaScript Graphics Library (JSGL.org) Draw and move interactive vector graphics easily in Javascript!

Differences

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

Link to this comparison view

panel-object [2013/03/18 13:38]
Tomas Rehorek
panel-object [2016/04/01 17:33] (current)
Tomas Rehorek [createGroup() : jsgl.elements.GroupElement]
Line 597: Line 597:
  
 // create a circle for head // create a circle for head
-var headCircle = groupPanel.createCircle();+var headCircle = myPanel.createCircle();
 headCircle.setCenterLocationXY(0, -30); headCircle.setCenterLocationXY(0, -30);
 headCircle.setRadius(15); headCircle.setRadius(15);
Line 605: Line 605:
  
 // create a rectangle for body // create a rectangle for body
-var bodyRect = groupPanel.createRectangle();+var bodyRect = myPanel.createRectangle();
 bodyRect.setHorizontalAnchor(jsgl.HorizontalAnchor.CENTER); bodyRect.setHorizontalAnchor(jsgl.HorizontalAnchor.CENTER);
 bodyRect.setVerticalAnchor(jsgl.VerticalAnchor.TOP); bodyRect.setVerticalAnchor(jsgl.VerticalAnchor.TOP);
Line 615: Line 615:
  
 // create a line for hands // create a line for hands
-var handsLine = groupPanel.createLine();+var handsLine = myPanel.createLine();
 handsLine.setStartPointXY(-50, 0); handsLine.setStartPointXY(-50, 0);
 handsLine.setEndPointXY(50, 0); handsLine.setEndPointXY(50, 0);
Line 623: Line 623:
  
 // create a polyline for legs // create a polyline for legs
-var legsPolyline = groupPanel.createPolyline();+var legsPolyline = myPanel.createPolyline();
 legsPolyline.addPointXY(-20, 70); legsPolyline.addPointXY(-20, 70);
 legsPolyline.addPointXY(-20, 55); legsPolyline.addPointXY(-20, 55);
 
panel-object.txt · Last modified: 2016/04/01 17:33 by Tomas Rehorek
 
Except where otherwise noted, content on this wiki is licensed under the following license: GNU Free Documentation License 1.3
Driven by DokuWiki Powered by PHP Valid XHTML 1.0 Valid CSS