Forum How do I...?

Linear Gradient on Text / Font

Hello, we have a DocRaptor customer who had a linear gradient applying to text on the web, but it requires using a background image as the gradient... When trying to apply the same technique in PrinceXML, it does not appear to produce the desired results.

Can anyone assist in a way to achieve this result or enable these styles with PrinceXML?

Best regards,
DocRaptor Support
  1. Screen Shot 2021-06-15 at 2.07.52 PM.png239.8 kB
    PDF result
  2. Screen Shot 2021-06-15 at 2.08.19 PM.png479.6 kB
    HTML result (correct)
  3. export-frame-1 (2).pdf250.2 kB
  4. export-frame-1.pdf (2).html229.9 kB
Prince doesn't support "background-clip: text" but you can achieve similar results using SVG.