Groups are useful for arranging different operations in a single set. Groups may also define the following properties that can be overridden by any nested operation:
- borderColor: defines the color of the shape's outline
- borderWidth: defines the thickness of the shape's outline
- fill: defines the color, paint or gradient to fill the shape's content
- opacity: controls how much of the group is visible, value must be in the range [0..1], default is 1.
Examples
Borders and fill are passed to each children.
| Code Block |
|---|
group( color: 'blue', strokeWidth: 4, fill: 'cyan' ){
rect( x: 10, y: 10, width: 290, height: 80, arcWidth: 20, arcHeight: 20 )
circle( cx: 90, cy: 80, radius: 50 )
polygon(points: [175, 38, 229, 69, 229, 131, 175, 162, 121, 131, 121, 69])
}
|
Border and fill is overridden by one child.
| Code Block |
|---|
group( color: 'blue', strokeWidth: 4, fill: 'cyan' ){
rect( x: 10, y: 10, width: 290, height: 80, arcWidth: 20, arcHeight: 20 )
circle( cx: 90, cy: 80, radius: 50, borderColor: 'darkRed', fill: 'red' )
polygon(points: [175, 38, 229, 69, 229, 131, 175, 162, 121, 131, 121, 69])
}
|
