Export to SVG and keep transparency knockout groups

Hi there,

I'm creating technical illustrations. These consist of the drawing itself (vectors) and usually an arrow to show the user what to do (attached an example).

The ends of the arrow are frequently masked with a transparency knockout group so that it seems like the arrow is coming out of the component.

Exporting this to a PNG works fine. But: Exporting to a SVG apparently doesn't, at least not with the settings I tried so far. The transparency knockout group does no longer work and the end of the arrow is visible which obviously looks meh.

Now exporting PNGs has worked for us so far. Unfortunately, we use the illustrations in documentation which we provide as a PDF file. A part of the documentation is printed as well, so the PNGs need a certain minimum resolution and thus they bloat the PDF to a quite large size and slow down the rendering engine.

Also we compress the PDFs before providing them on our website. Sometimes I receive complaints because some image got too blurry to read.

Thus, I'd like to switch to SVGs instead. Is there a way to export the SVGs without messing up the transparency knockout groups?

Thanks and enjoy your day!

(Just in case anyone wonders: The native 'Illustrator document' is the PDF file. Yes, I know, it's not .ai, but we store all our drawings as .pdf, because so far that worked just fine and PDF allows viewing to everyone instead of being limited to Illustrator users).