Highlighting by rectangle bounds and not text

[gla5001]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

I've tried the recipe for highlighting text here. It works fairly well, but it does not work with multiple lines. Lets say I know the bounds of a rectangle on a specified page (or I know multiple bounds), ie

bottom: 649.4013
left: 261.64355
right: 340.28177
top: 661.1968

Is there a way to highlight by these bounds instead of matching text?

Steps to reproduce

n/a

Expected behavior

n/a

Actual behavior

n/a

Additional information

This isnt a bug, just a question

Environment

• Browser (if applicable):
• React-PDF version:
• React version:
• Webpack version (if applicable):

[wojtekmaj]

You can use canvasRef prop to draw whatever you want on a given canvas. Here's an example with watermark added dynamically, but should be able to figure out how to draw anything else.

https://codesandbox.io/s/react-pdf-watermark-5wylx?file=/src/index.jsx