javascript – HTML5画布到PDF

前端之家收集整理的这篇文章主要介绍了javascript – HTML5画布到PDF前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 HTML5工作,并使用canvas作为设计工具.然而,我想将我的画布保存在一个jpeg文件中,默认是image / png,并且我想以PDF格式显示我的画布的预览.

我希望很快得到帮助.

解决方法

一个好的方法是使用jspdf.js和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/

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

猜你在找的JavaScript相关文章