Jquery Flipbook 上传 PDF

Question

我正在使用 Builtbywill 动画书。

<div id="mybook">
    <div title="This is a page title"> 
       <img src="image1.jpg"/>
    </div>
    <div> 
       <img src="image2.jpg"/>
    </div>
    <div title="This is another title"> 
        <img src="image3.jpg"/>
    </div>
    <div> 
      <img src="image4.jpg"/>
    </div>       
    <div> 
       <img src="image5.jpg"/>
    </div>
</div>

查询

  $(function() {
    $('#mybook').booklet({
        menu: '#custom-menu',
        pageSelector: true
    });
});

是否可以使用 Jquery 或其他方法将 PDF 直接上传到 Flipbook，而不是使用图像？请帮助我。 我正在使用http://builtbywill.com/code/booklet插件。

Answer 1

为什么不试试

看这里，pdfjs + turnjs： http : //www.maxims6n.bget.ru/pdf_books/demo_21.html

turn.js : http://www.turnjs.com/

pdf.js： http ://mozilla.github.io/pdf.js/

jsPDF： http ://parall.ax/products/jspdf

Answer 2

这是关于使用 turn.js 和 pdf.js 创建 pdf 翻书的问题。 您将在此处获得示例。 pdf.js 和 turn.js 之间的胶水文件可以在这里找到。 很可能他修改了问题中所述的 pdf.js 库。所以要注意这一点。

Answer 3

如果您想使用 jquery 创建自己的翻书。

在此网站上注册链接并下载设置并创建您自己的 jquery 翻书。 尝试一下。

Answer 4

现在可以使用DFlip jQuery Flipbook Plugin 。 您只需使用 PDF 链接即可创建动画书，此外它还支持 3D 的 WebGl。

var flipBook;
jQuery(document).ready(function () {

    //when using source from online(make sure the file has CORS access enabled if used in cross domain)
    var pdfFileURL="example-assets/books/alice.pdf";
    var options = {hard:'cover',webgl:true,height: 500, duration: 800};

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

});

通过最近的改进，现在可以仅使用 HTML 标签轻松创建 PDF 动画书。 HTML 会自动解析，翻书已准备好使用。

 <div class="_df_button" source="example-assets/books/intro.pdf" id="df_intro_button">Intro Book</div>
 <div class="_df_thumb" source="example-assets/books/intro2.pdf" id="df_intro2_thumb" tags="3d,images" thumb="example-assets/books/thumbs/intro2.jpg">Intro 2</div>

Answer 5

使用此库，您可以使用 jquery 将 PDF 转换为翻书。 它就像包含库并在指向 pdf 文件的链接上调用插件一样简单。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://pdf-to-flipbook.codingfocus.com/release/jquery.pdfflipbook.1.js"></script>

<script>$('a').pdfFlipbook();</script>