как импортировать библиотеку svg2pdf в угловую 5? - PullRequest
0 голосов
/ 09 марта 2019

Я хотел бы импортировать библиотеку 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...