Skip to content

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 ​

proptypedefault
colorstring"$accent"
thicknessnumber (0..200)7
wobblenumber (0..50)5

Plus the <Graphic> props every kind takes. More in Arrows.

MIT licensed.