• <tfoot id='kRvTe'></tfoot>

      • <bdo id='kRvTe'></bdo><ul id='kRvTe'></ul>

      <legend id='kRvTe'><style id='kRvTe'><dir id='kRvTe'><q id='kRvTe'></q></dir></style></legend>
      <i id='kRvTe'><tr id='kRvTe'><dt id='kRvTe'><q id='kRvTe'><span id='kRvTe'><b id='kRvTe'><form id='kRvTe'><ins id='kRvTe'></ins><ul id='kRvTe'></ul><sub id='kRvTe'></sub></form><legend id='kRvTe'></legend><bdo id='kRvTe'><pre id='kRvTe'><center id='kRvTe'></center></pre></bdo></b><th id='kRvTe'></th></span></q></dt></tr></i><div id='kRvTe'><tfoot id='kRvTe'></tfoot><dl id='kRvTe'><fieldset id='kRvTe'></fieldset></dl></div>
      1. <small id='kRvTe'></small><noframes id='kRvTe'>

        HTML5 画布转 PDF

        时间:2023-06-19
          • <bdo id='nroAw'></bdo><ul id='nroAw'></ul>
          • <i id='nroAw'><tr id='nroAw'><dt id='nroAw'><q id='nroAw'><span id='nroAw'><b id='nroAw'><form id='nroAw'><ins id='nroAw'></ins><ul id='nroAw'></ul><sub id='nroAw'></sub></form><legend id='nroAw'></legend><bdo id='nroAw'><pre id='nroAw'><center id='nroAw'></center></pre></bdo></b><th id='nroAw'></th></span></q></dt></tr></i><div id='nroAw'><tfoot id='nroAw'></tfoot><dl id='nroAw'><fieldset id='nroAw'></fieldset></dl></div>
            <tfoot id='nroAw'></tfoot>

              <tbody id='nroAw'></tbody>

            <small id='nroAw'></small><noframes id='nroAw'>

                <legend id='nroAw'><style id='nroAw'><dir id='nroAw'><q id='nroAw'></q></dir></style></legend>

                  本文介绍了HTML5 画布转 PDF的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我正在使用 HTML5 并使用画布作为设计工具.但是,我想将我的画布保存在一个默认为 image/png 的 jpeg 文件中,并且我想在 PDF 中显示我的画布的预览.

                  I am working in HTML5 and using canvas as a designing tool. However, I want to save my canvas in a jpeg file with a default of image/png and I want to show the preview of my canvas in a PDF.

                  推荐答案

                  一个好的方法是结合使用 jspdf.js 和 html2canvas.

                  A good approach is to use a combination of jspdf.js and html2canvas.

                  <canvas id="canvas" width="480" height="320"></canvas> 
                    <button id="download">Download Pdf</button>
                  


                  html2canvas($("#canvas"), { onrendered: function(canvas) {         
                    var imgData = canvas.toDataURL('image/png');
                    var doc = new jsPDF('p', 'mm');
                    doc.addImage(imgData, 'PNG', 10, 10);
                    doc.save('sample-file.pdf');
                    }
                  });
                  

                  jsfiddle:http://jsfiddle.net/p4s5k59s/1222/

                  在 Google Chrome 38、IE11 和 Firefox 34 中测试.
                  对于 Safari,您可能需要将图像格式从 PNG 更改为 JPEG.

                  Tested in Google Chrome 38, IE11 and Firefox 34.
                  For Safari you might need to change the image format from PNG to JPEG.

                  这篇关于HTML5 画布转 PDF的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:生成由文件输入在特定时间选择的视频文件的缩略图/快照 下一篇:画布绘制图像缩放

                  相关文章

                  <i id='QdkSB'><tr id='QdkSB'><dt id='QdkSB'><q id='QdkSB'><span id='QdkSB'><b id='QdkSB'><form id='QdkSB'><ins id='QdkSB'></ins><ul id='QdkSB'></ul><sub id='QdkSB'></sub></form><legend id='QdkSB'></legend><bdo id='QdkSB'><pre id='QdkSB'><center id='QdkSB'></center></pre></bdo></b><th id='QdkSB'></th></span></q></dt></tr></i><div id='QdkSB'><tfoot id='QdkSB'></tfoot><dl id='QdkSB'><fieldset id='QdkSB'></fieldset></dl></div>

                      <legend id='QdkSB'><style id='QdkSB'><dir id='QdkSB'><q id='QdkSB'></q></dir></style></legend>

                      <tfoot id='QdkSB'></tfoot>
                    1. <small id='QdkSB'></small><noframes id='QdkSB'>

                      • <bdo id='QdkSB'></bdo><ul id='QdkSB'></ul>