How to display svg image on PDF file with jspdf in vuejs

3.1k Views Asked by At

how to add a logo properly in a pdf file with jspdf in vuejs?

I tried to use this addSvgAsImage function like this:

const doc = new jsPDF()
const logo = '/src/icons/svg/logo.svg'
doc.addSvgAsImage(logo, 20, 20, 50, 50, null, 'NONE', 0)

and I have this error:

canvg is not defined
    at Object.et.addSvgAsImage
1

There are 1 best solutions below

2
Jean-Paul On BEST ANSWER

I finally used a png image like that:

const logo = require('@/icons/png/logo.png')

const doc = new jsPDF()
var imgLogo = new Image()
imgLogo.src = logo
doc.addImage(imgLogo, 'PNG', xCord, yCord, 24, 8)