Как распечатать (скачать в формате pdf) несколько QR-кодов на одной веб-странице, используя vuejs и jspdf - PullRequest
Новая
       54

Как распечатать (скачать в формате pdf) несколько QR-кодов на одной веб-странице, используя vuejs и jspdf

0 голосов
/ 04 апреля 2019 
Part of my academic project i need to produce multiple QR code for Tickets(pass). I already generate tickets using vuejs but it can't be printed. After using jspdf code the Qr code is not printing in that pdf file. What i do for downloading that multiple QR codes in a single file.

//QR code Generation//

Создан несколько QR-кодов, но его нельзя загрузить в формате PDF (он не отображается в файле PDF) 

    < div>
           <label for="num">Enter the ticket count  </label>
             <div ref="content">
               <input v-model.number="count"  step="1" placeholder="No of tickets  ">
                 <h3>QR CODE</h3>
                   <table id="table">
                     <tr>
                       <td v-for="n in count" :key="n">
                       <qrcode-vue :value="values.value+n" :size="values.size" level="H">
                       <div class="sizee">
                       {{values.value+n}}
                      </div>
                    </qrcode-vue>
                  </td>
                </tr>
              </table>
               </div>
              <button @click="download()">Download PDF</button>
            </div>

        //Download as pdf sing jspdf

        download() {
          const doc = new jsPDF();
          const contentHtml = this.$refs.content.innerHTML;
          doc.fromHTML(contentHtml, 15, 15, {
            width: 170
          });
          doc.save("sample.pdf");
         },

// изображение

В этом скриншоте показана проблема. QR-код генерируется правильно, и я могу добавить различные значения .. но после нажатия кнопки загрузки PDF QR-код не отображается в файле PDF. 

       https://ibb.co/fFxmdd0
       https://i.stack.imgur.com/B9CuD.png
...