2016-06-21 2 views
2

Я ищу библиотеку Javascript, которая будет отображать PDF-файл в виде флип-книги, без предварительной обработки.
(у нас уже есть много файлов PDF, которые хранятся и доступны для загрузки, и теперь мы хотим отобразить их в более удобном для пользователя формате , но мы не хотим чтобы превратить их всех, как ... флип-альбомы)Javascript библиотека для отображения PDF-файлов в виде флип-книги?

Что-то вроде: rendering the HTML page in browser > processing the input PDF bytes > displaying them as HTML5 flipbook...

ли вы иметь ни малейшего представления о том, как это делать?

NB: надеюсь, что это достаточно ясно ...

ответ

3

Я надеюсь, что вы после этого что-то вроде this one:

var flipBook; 

jQuery(document).ready(function() { 

    //easiest with default settings 
    flipBook = $("#flipbookContainer").flipBook('example-assets/books/alice.pdf'); 

}); 

ИЛИ, вы можете настроить параметры, если это необходимо с помощью опции переменной

var flipBook; 

jQuery(document).ready(function() { 

    //make sure this file is hosted in localhost or any other server 
    var pdf = 'example-assets/books/alice.pdf'; 

    //these are extra settings 
    var options = { 
     webgl:false, 
     height: 400, 
     duration: 800, 

     autoEnableOutline:true //auto open the outline/bookmarks tab 
    }; 

    /** 
    * outline is basically a array of json object as: 
    * {title:"title to appear",dest:"url as string or page as number",items:[]} 
    * items is the same process again array of json objects 
    */ 
    options.outline = [ 
     {title: "Page 1", dest: 1}, 
     {title: "Page 2", dest:2}, 
     {title: "StackOverflow", dest: "https://stackoverflow.com/",items:[ 
      {title:"My Profile",dest :"https://stackoverflow.com/users/6687403/deepak-ghimire"}, 
      {title:"Page 3",dest:3} 
     ]} 
    ]; 


    flipBook = $("#flipbookContainer").flipBook(pdf, options); 
}); 

Надеюсь, что это поможет.

+0

Это бесплатно или уплачено? – kritikaTalwar

+0

Нет, это не бесплатно .. но выглядит достойно [отзывы] (https://codecanyon.net/item/dflip-flipbook-jquery-plugin/reviews/15834127) –