5

I want to draw a free-hand polygon, to enclose certain portions of my diagram so I can identify them as being part of Phase I development, for example. Is there a polygon tool in draw.io?

5

I do it via the line tool. You can switch the endings to none and the waypoints to orthogonal so you get a "free hand" tool. If you place the first and last waypoint on each other you can draw any polygon you want.

| improve this answer | |
  • 8
    That's cool, but how can you close the shape to fill it in? – z0r Feb 23 '18 at 3:05
3

Unfortunately, at present time (and since a long time) there is no easy solution. If you really need to draw a filled polygon, the only solution that I could find is to represent it as a "patchwork" of simple shape (triangles, rectangles, etc.). More precisely, for each of the shapes which will compose te patchwork, you can:

  1. define the correct size, and the correct rotation by adjusting the parameter [Angle] of the onglet [Arrange]; this is the most time-consuming step,
  2. remove the border, fill the shape with the color you want, and send it to the back,

If you take time, you can reasonably cover simple polygons by using this technique.

| improve this answer | |
1

Start by adding the polygon shape to your drawing. The polygon shape is within the "Basic" shapes group. You may need to bring the "Basic" shapes group into view from the "View" > "Shapes..." menu.

Next, select your polygon and click "Edit Style". There you will see something like:

shape=mxgraph.basic.polygon;polyCoords=[[0.25,0],[0.75,0],[1,0.25],[1,0.75],[0.75,1],[0.25,1],[0,0.75],[0,0.25]];

Add/Remove additional points to the polyCoords array and click on Apply. No need to worry about getting the coordinates correct -- we'll move them around in the next step. Just keep them within the boundary of your shape (from 0.0 to 1.0). Click Apply.

Finally, move your points around on the drawing canvas.

| improve this answer | |
0

I just found the polyline and polygon shapes, which are kindof what you were searching for... however they're limited to 8 waypoints, you can move every waypoint separately and they can be filled.

Both are located in the Basic shapes section.

enter image description here

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy