@visx/clip-path
React utilities for defining <clipPath>
SVG elements, with or without data, to be clip masks for
other SVG elements by using their clip-path
property.
Installation
npm install --save @visx/clip-path
APIs
#<ClipPath />
Unique id for the clipPath.
#<CircleClipPath />
Unique id for the clipPath.
x position of the center of the ClipPath circle.
y position of the center of the ClipPath circle.
radius of the ClipPath circle.
#<RectClipPath />
Unique id for the clipPath.
height of the ClipPath rect.
Default 1
width of the ClipPath rect.
Default 1
x position of the ClipPath rect.
Default 0
y position of the ClipPath rect.
Default 0