Rect Node

Creating a Rectangle

Style Settings

• Box Appearance: fill (None / Solid / Linear gradient / Radial gradient / Checker / Dots) and corner radius
• Fill colors: primary color and secondary color are kept when switching fill types
• Gradients: when the rect is selected, canvas handles adjust the linear gradient start/end or the radial gradient center/radius. Coordinates are kept as relative positions in the rectangle's local box, so they follow move, rotation, and resize changes. Linear and radial handle positions are preserved when switching fill types
• Box Outline: toggle ON/OFF with the switch at the right side of the section header. The initial state is OFF, and when OFF, outline inputs are disabled and the outline is not rendered
• Outline style: stroke color, width, and style (Solid / Dashed / Dotted / Dash-dot)
• Turning the outline off and on again preserves the previous width, color, and stroke style
• Initial value when outline is turned ON: width 5 (same as text nodes)
• Box Shadow: toggle ON/OFF with the switch at the right side of the section header. The initial state is OFF, and when OFF, shadow inputs are disabled and the shadow is not rendered
• Shadow style: color, opacity (0.0-8.0), X/Y offset, and blur. Values above 1.0 are stacked
• Initial values when shadow is turned ON: opacity 1.0 / blur 5.0 / X 0 / Y 0 (same as text nodes)

Move, Resize, and Rotate

• Drag the four corner handles on the selection outline to resize the rectangle
• Drag the rotation handle above the selection outline to rotate around the rectangle center. Double-click the rotation handle to reset the angle to 0 degrees
• You can also enter the rotation angle in degrees from the box settings in the Properties panel and reset it to 0 degrees with the reset button
• After rotation, moving and vertex resizing can still snap to the grid and to nearby node corners, edge midpoints, and centers