Clipping image inside a vector

[lucassalazar]

Is there an alternative way to clip an image inside a vector shape using @react-pdf/renderer?
I didn't found the image pdfkit method specified in the docs.

Using pdfkit:

  doc
    .moveTo(0, 0)
    .lineTo(235.28, 0)
    .lineTo(235.28 + 250, 250)
    .lineTo(200, 250)
    .lineTo(0, 50)
    .lineTo(0, 0)
    .save()
    .clip();

  doc
   .image("image_url", 0, 0, { width: 500 })
   .restore();

Any ideas?

[jeetiss]

Hi @lucassalazar, you can use svgs and clipPath (see the example) or access pdfkit internals with Canvas component

[asingleton6]

@jeetiss I tried replicating the same example on my end, but I ran into this TypeScript error. Is this the expected behavior?