Skip to main content

Circle

Drawing strip: Circle. Type in the page file: circle. 59 properties.

Common groups: General, Position, Transform, Background, Animation, Shadow, Glow; see Common properties.

Size​

PropertyFieldValuesDefaultBindableNotes
RadiusradiusNumber25Yes

Fill​

PropertyFieldValuesDefaultBindableNotes
Fill ColorfillColor#E5E7EBYes
TransparencyfillTransparencyNumber, 0–100 %0Yes
Fill StylefillStylesolid, linear-gradient, radial-gradient, hatch, cross-hatch, dots, nonesolid—
GradientfillStopsGradient stops——Shown when Fill Style is linear-gradient or radial-gradient
Gradient color modefillColorModeFree, one color, two colors, three colorsFree—Shown when Fill Style is linear-gradient or radial-gradient. Changed from the gradient editor (stops are converted together)
Gradient color 2fillColor2Color#000000YesShown when Fill Style is linear-gradient or radial-gradient. Second main color; can be bound to a signal
Gradient color 3fillColor3Color#ffffffYesShown when Fill Style is linear-gradient or radial-gradient. Third main color; can be bound to a signal
Gradient anglefillAngleNumber, 0–360 °180YesShown when Fill Style is linear-gradient. 0 = top to bottom, 90 = left to right; can be bound to a signal
Gradient X1fillX1Number——Shown when Fill Style is linear-gradient. End of the linear gradient line, as a ratio of the fill box (0,0 top left; 1,1 bottom right)
Gradient Y1fillY1Number——Shown when Fill Style is linear-gradient. End of the linear gradient line, as a ratio of the fill box (0,0 top left; 1,1 bottom right)
Gradient X2fillX2Number——Shown when Fill Style is linear-gradient. End of the linear gradient line, as a ratio of the fill box (0,0 top left; 1,1 bottom right)
Gradient Y2fillY2Number——Shown when Fill Style is linear-gradient. End of the linear gradient line, as a ratio of the fill box (0,0 top left; 1,1 bottom right)
Center XfillCenterXNumber, 0–10.5—Shown when Fill Style is radial-gradient
Center YfillCenterYNumber, 0–10.5—Shown when Fill Style is radial-gradient
RadiusfillRadiusNumber, 0.01–20.7—Shown when Fill Style is radial-gradient. Ratio of the box (0.7 = 70% of the box)
Focus XfillFocusXNumber——Shown when Fill Style is radial-gradient. Position of the highlight (0..1); empty = center
Focus YfillFocusYNumber——Shown when Fill Style is radial-gradient. Position of the highlight (0..1); empty = center
Pattern ColorhatchColorColor—YesShown when Fill Style is hatch or cross-hatch or dots. Empty: lines in the fill color, no background. Set: lines in this color, background in the fill color
Pattern AnglehatchAngleNumber, 0–180 °45—Shown when Fill Style is hatch or cross-hatch. Angle of the lines from horizontal (45 = /, 135 = , 0 = horizontal)
Pattern SpacinghatchSpacingNumber, 2–50 px10—Shown when Fill Style is hatch or cross-hatch or dots
Pattern ThicknesshatchLineWidthNumber, 0.1–10 px0.75—Shown when Fill Style is hatch or cross-hatch or dots
Pattern Offset XhatchOffsetXNumber0—Shown when Fill Style is hatch or cross-hatch or dots. Pattern start relative to the shape's top-left corner (px)
Pattern Offset YhatchOffsetYNumber0—Shown when Fill Style is hatch or cross-hatch or dots. Pattern start relative to the shape's top-left corner (px)
Fill LevelfillLevelFill level—YesShown when Fill Style is solid

Stroke​

PropertyFieldValuesDefaultBindableNotes
Stroke ColorstrokeColor#4B5563Yes
TransparencylineTransparencyNumber, 0–100 %0Yes
WidthstrokeWidthNumber1.5Yes
StylestrokeStylesolid, dashed, dottedsolid—
Crisp EdgescrispEdgesOn / offOff—Anti-aliasing off (shape-rendering: crispEdges): thin outlines are sharp like a bitmap
Snap to PixelspixelSnapOn / offOff—Odd-width lines are shifted by half a pixel to land on whole pixels (stored position unchanged)