Hand-drawn arrow
Deprecated
<Graphic> and its kinds are deprecated and will be removed in a later release; the lint warns on each one. Draw the same thing with <Motion>, <Three> or a <Layer>: the examples show each, and Free code explains them.
A loose, marker-drawn arrow with a slight curve. The draw entrance traces it.
tsx
<Composition fps={30} width={640} height={360}>
<Track id="main" layout="free">
<Graphic id="g1" kind="hand-arrow" start={0} duration={3} />
</Track>
</Composition>Props
| prop | type | default |
|---|---|---|
color | string | "$accent" |
thickness | number (0..200) | 7 |
wobble | number (0..50) | 5 |
Plus the <Graphic> props every kind takes. More in Arrows.