The Polygon object can be used to create many different types of free-form shapes.


To construct a Polygon using the mouse, first select the Polygon icon from the Tool Palette. Move the mouse cursor to a point in the publication workspace where you want your Polygon to start. Hold down the left mouse button and drag to draw a line for the first side. When the line reaches the desired length and position, release the mouse button. Next, move the mouse to the point where the second side will terminate. A rubberband line will follow the cursor. When the second side has been correctly positioned, click once with the left mouse button to set the line. Repeat this step to construct the rest of your shape. (A Polygon must have at least three sides.)


To complete the Polygon, click on the point at which you started. You also can complete the Polygon by clicking the right mouse button anywhere on the page and NeoBook will connect the last line to the first automatically.

After defining the initial shape, the Polygon will appear on the screen. When the Polygon object is selected, small handles will be added to the endpoint of each line. At this point, you can make changes to the polygon's shape.



To reposition one of the endpoints, place the mouse cursor over the endpoint's handle. (The cursor will include a directional arrow  when it’s in the correct position.) Hold down the left mouse button and drag the handle. As you move, the shape will stretch or shrink. When you are satisfied with the shape, release the mouse button.


Should you need to add another endpoint, position the mouse cursor over the point on the outline where you would like a new handle and click the left mouse button. (The cursor will include a plus sign  when it passes over a location where a new handle can be added.)


To delete a handle, position the mouse cursor over the unwanted handle. (The cursor will include a directional arrow  when it is in the correct position.) Hold down the Ctrl key, click the left mouse button and the handle will disappear.


Use the Style Panel to customize the Polygon appeareance (fill color, stroke color, transparency, stroke width...)



Polygon objects are created using <svg> HTML tag.