Comments (2)
Hi,
I manage to make it work by waiting for one svg to be added to the pdf first and then the next svg will be added using the .then() callback. Below is example on how I achieve it
// add header with logo and title of the chart
const logo = new Image();
logo.src = 'logo.png';
logo.onload = () => {
pdf.addImage(logo, 'png', (canvasW / 2) - 100, 10, 50, 50);
pdf.setFontSize(20);
pdf.setFont('helvetica', 'bold');
pdf.text((canvasW / 2) - 40, 45, 'Chart');
// add a line
pdf.setLineWidth(1);
pdf.line(0, 70, canvasW, 70);
pdf.svg(svg1, {x:20, y: 80, width, height})
.then(() => {
// add text before the legend
pdf.text(width + 15, 120, 'Legend');
pdf.svg(svg2, { x: width + 9, y: 130, width, height })
.then(() => {
pdf.save('myPDF.pdf');
});
});
}
Hope it helps.
from svg2pdf.js.
Yes, that worked! Thanks!
from svg2pdf.js.
Related Issues (20)
- The exported PDF is not rendering custom fonts on some of the PDF text objects. HOT 8
- Setting width and height as floats throws t. HOT 2
- How to ignore invalid dataurl HOT 6
- Accept spaces in data urls in image urls
- adding support for the CMYK color space HOT 5
- greek letters in text HOT 1
- tspan dx makes incorrect offset HOT 1
- Incorrect Gradient rendering in svg2pdf HOT 1
- Empty path def crashes jspdf HOT 1
- Chinese garbled characters HOT 1
- add method to add SVG from a String and a URL HOT 6
- RadialGradient is not shown correctly HOT 1
- Implement preserveAspectRatio for <image> tags HOT 5
- Embed images with SVG
- Support for letter-spacing Attribute in <text> Element HOT 4
- marker-start not rotating HOT 1
- Pattern is not applied correctly
- Gradient filled rectangles, why is the border thinner HOT 1
- Textpath does not show in PDF HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svg2pdf.js.