Forum › How do I...?

Linear Gradient on Text / Font

apritchardEB
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,
Alex
DocRaptor Support
  1. Screen Shot 2021-06-15 at 2.07.52 PM.png‎ 239.8 kB ‎
    PDF result
  2. Screen Shot 2021-06-15 at 2.08.19 PM.png‎ 479.6 kB ‎
    HTML result (correct)
  3. export-frame-1 (2).pdf‎ 250.2 kB
  4. export-frame-1.pdf (2).html‎ 229.9 kB
mikeday
Prince doesn't support "background-clip: text" but you can achieve similar results using SVG.