2D Web Based CAD

Transformation Menu

Creator:

13521007 -🤪M.Mahendra

13521023 -😵Kenny B.N.P.

13521024 -👑KING Nadil

Shape and Point Menu

Help

×

How to use

  1. Transformation Menu
    • Select an element first in the Shape and Point Menu
    • Use the slider to transform the element
    • You can transform:
      • X and Y Position for each point or shape
      • Scaling for each shape
      • Rotation for each shape
      • X and Y Shear for each shape
      • X and Y Transform for each shape
  2. Shape and Point Menu
    • This menu will display elements that you created
    • Elements will include shapes and its points
    • Tick the element's checkbox to select it
    • Any action that you choose (transform, save, load, coloring, animate) will affect the selected element
  3. Color Picker
    • Select one/multiple element first in the Shape and Point Menu
    • Use the color picker to change the element's color
    • You can change the color of shape or point
  4. Save and Load
    • Click the save button to save elements that you pick
    • You can load a saved elements by clicking the load button and pick the file
  5. Animation
    • Click the animate button to animate the selected shape
  6. Delete
    • Click the delete button to delete the selected shape

Icons

  • Normal Cursor
  • Draw a line
  • Draw a Square Shape
  • Draw a Rectangle Shape
  • Draw a Polygon Shape

How to Draw

  • Click a shape icon that you want to draw
  • For Polygon
    • Click on the canvas to create a point
    • A polygon will be formed after creating more than 2 points
  • Other than Polygon (Line, Rectangle, and Square)
    • Drag on the canvas to create a shape