======  Shape - Selection  ======

Dialog selections are discussed below the image. To navigate to an item, select it in the Shape Selection image. If NOT slecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon {{:ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} on the right sidebar (mobile: drop-down dialog at the top of the page).

{{imapmarkers>:ui:ui-resources-shape-selection-v4.webp?300|Shape - Selection}}
[[:ui:ui-resources-shape-selection-rect|ID1|Rectangle@41,87,284,116]]
[[:ui:ui-resources-shape-selection-rnd_rect|ID2|Round rectangle@41,132,283,160]]
[[:ui:ui-resources-shape-selection-oval|ID3|Oval@42,176,283,204]]
[[:ui:ui-resources-shape-selection-arc|ID4|Arc@42,219,283,250]]
[[:ui:ui-resources-shape-selection-squircle|ID5|Squircle@42,264,284,295]]
[[:ui:ui-resources-shape-selection-polygon|ID6|Polygon@41,309,283,339]]
{{cfg>}}
   {
   }
{{<cfg}}
{{<imapmarkers}}
<wrap hi>**Shape - Selection dialog. Make selection above.**</wrap>

The shapes are described below:

  * **Rectangle** - A polygon that is restricted to a 4-sided shape with 4 right angles, with opposite sides equal and parallel. On the page, these default to a square, but can be adjusted to be a rectangle (horizontal or vertical).
    * See ++example here|{{:ui:ui-resource-shape-rect-x_2-v4.webp?direct&200|Rectangle example}}++.
  * **Round rectangle** - A rounded rectangle is a rectangle whose sharp corners are replaced by quarter-circle arcs, creating smooth, curved edges at each vertex. This shape is commonly used in graphic design for buttons, icons, and various user interface elements.
    * See ++example here.|{{:ui:ui-resource-shape-rnd_rect-basic-v4.webp?direct&100|Rounded rectangle example}}++ 
  * **Oval** - An oval, commonly referred to as a circle, is a **curved, closed shape that resembles the outline of an egg**, typically lacking straight lines or vertices. It is often used to create a smooth, flowing aesthetic in various design contexts.
    * See ++example here.|{{:ui:ui-resource-shape-oval-basic-v4.webp?direct&100|Oval example}}++
  * **Arc** - An arc is a portion of the circumference of a circle, connecting two points on the circle's boundary.
    *  See ++example here.|{{:ui:ui-resource-shape-arc_270_90-basic-v4.webp?direct&100|Arc example}}++ 
  * **Squircle** - A squircle is a shape that combines characteristics of both a square and a circle, featuring smooth, continuous curves at the corners instead of sharp angles. This design is often used in user interfaces and product designs for a more visually appealing and friendly appearance.
    * See ++example here.|{{:ui:ui-resource-shape-squircle-2_10-v4.webp?direct&200|Squircle example}}++ 
  * **Polygon** - A polygon in design refers to a two-dimensional shape made up of straight line segments that connect to form a closed figure. Common examples include triangles, squares, and hexagons, which are often used in various design applications.
    * See ++example here.|{{:ui:ui-resource-shape-polygon-x_3-basic-v4.webp?direct&200|Polygon example}}++ 
<WRAP noprint>

{{page>site:site-footer-comment_feedback_block}}

</WRAP>

<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-resources-shape-selection-rect]]
[[:ui:ui-resources-shape-selection-rnd_rect]]
[[:ui:ui-resources-shape-selection-oval]]
[[:ui:ui-resources-shape-selection-arc]]
[[:ui:ui-resources-shape-selection-squircle]]
[[:ui:ui-resources-shape-selection-polygon]]
</wrap>