ReferenceconstraintUnion

<constraintUnion>

<constraintUnion> is a Graphical component that delineates a block of code for defining the union of one or more constraint components associated with a <point>. It is nested within a <constraints> block.

Attributes and Properties

The <constraintUnion> component has no attributes.

Props for <constraintUnion name="c">
PropertyType
$c.disabledboolean
$c.fixedboolean
$c.fixLocationboolean
$c.hiddenboolean

Example: Constrain a <point> to multiple components

A <point> is constrained to four <line> components. In the first graph, the <constraintUnion> container is used, and the point can move between lines. In the second graph, without <constraintUnion>, the point is quickly “trapped” on the last line to which it is constrained.


Example: Constrain to a circle and a grid

A <point> is constrained to a <circle> and a grid. In the first graph, the <constraintUnion> container is used, and the point can move off the circle, but then only on gridlines. In the second graph, without <constraintUnion>, the point is “trapped” on the circle, which is the last constraint in the <constraints> block.