Я хотел бы импортировать библиотеку svg2pdf в угловой проект, но я не получаю.
Я уже пробовал это:
1) npm install svg2pdf.js --save
2) импортировать * как svg2pdf из 'svg2pdf.js';
Но шаг 3, пока не работает:
ПРИМЕЧАНИЕ: оповещение («тест 3»); работает и настороже («тест 4»); не работает ...
3)
public download2() {
var svgElement = document.getElementById('svg');
var width = 300;
var height = 200;
// create a new jsPDF instance
const pdf = new jsPDF('l', 'pt', [width, height]);
alert('teste 3');
// render the svg element
svg2pdf(svgElement, pdf, {
xOffset: 0,
yOffset: 0,
scale: 1
});
alert('teste 4');
// get the data URI
const uri = pdf.output('datauristring');
// or simply save the created pdf
pdf.save('myPDF.pdf');
}
ПРИМЕЧАНИЕ: те же шаги работают с библиотекой jspdf:
1) npm install jspdf --save
2) импорт * как jsPDF из 'jspdf';
3)
public download() {
var doc = new jsPDF();
doc.text(20, 20, 'Hello world!');
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
doc.addPage();
doc.text(20, 20, 'Do you like that?');
// Save the PDF
doc.save('Test.pdf');
}
4) HTML:
<button (click)="download()">PDF</button>
<button (click)="download2()">SVG to PDF</button>
<svg id="area_svg" xmlns="http://www.w3.org/2000/svg"
width="296mm"
height="410mm"
baseProfile="full" version="1.1" style="border: 1px solid red">
<g id=svg>
<line x1="0" y1="0" x2="200" y2="200" style="stroke-width:2" />
</g>
</svg>