We'll probably want to use clipPath for this, but they're usually globally defined clip paths and we need the same clipping rectangle in lots of different places. The global defines don't play very well with React's component tree, but we can probably get something working like:
Place the text at 0,0.
Clip it with a communal clipPath centered at 0,0.
Translate the clipped text to the appropriate location.
For example:
We'll probably want to use
clipPathfor this, but they're usually globally defined clip paths and we need the same clipping rectangle in lots of different places. The global defines don't play very well with React's component tree, but we can probably get something working like:clipPathcentered at 0,0.depends on #48