HTML5 canvas для PDF

Я работаю в HTML5 и использую canvas как средство разработки. Однако я хочу сохранить свой холст в файле jpeg по умолчанию - это image/png, и я хочу показать предварительный просмотр моего холста в PDF файле.

Я надеюсь получить помощь в ближайшее время.

Ответ 1

Хорошим подходом является использование комбинации 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.