Data utilities
Umbrella package
@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
#<CircleClipPath />
Unique id for the clipPath.
# cx
string | number | undefined
x position of the center of the ClipPath circle.
# cy
string | number | undefined
y position of the center of the ClipPath circle.
# r
string | number | undefined
radius of the ClipPath circle.
#<RectClipPath />
Unique id for the clipPath.
# height
string | number | undefined
height of the ClipPath rect.
Default 1
# width
string | number | undefined
width of the ClipPath rect.
Default 1
# x
string | number | undefined
x position of the ClipPath rect.
Default 0
# y
string | number | undefined
y position of the ClipPath rect.
Default 0