SvgHitTarget

Draws its children inside a group, with a transparent hit area over them that is a fingertip wide under a coarse pointer.

@internote/canvas-sdk/reactComponent
On this page
import { SvgHitTarget } from '@internote/canvas-sdk/react';

The group carries every other prop, so handlers spread on it hear the hit area's events as their own.

#Props

Also takes className, id and style. Any other prop is passed to the rendered element.

children
The mark the hit area is around.
React.ReactNode
unitsPerPixel
User units per screen pixel, for a viewBox scaled to its box.
number
Default1

#Example

<SvgHitTarget cx={x} cy={y} r={4.5} onPointerDown={beginDrag} className="seed">
    <circle cx={x} cy={y} r={4.5} />
</SvgHitTarget>

Declared in packages/canvas-sdk/src/react/chrome/SvgHitTarget.tsx:77.

Last updated