vue.jssvgjspdfcanvg

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

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
Solution

  • 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)