目前各大浏览器对PDF文档的在线预览都是一件很头疼的事情，但是各大浏览器对HTML5的支持已经相当不错了。今天给大家介绍一款PDF转HTML5的工具，可以将PDF文档转为HTML5，这样可以将转好的文档发布到站点，在线预览会很方便，而且还有很多交互效果。
创新互联是一家专注于成都做网站、成都网站制作与策划设计,焉耆网站建设哪家好?创新互联做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:焉耆等地区。焉耆做网站价格咨询:18982081108
工具/原料
FlipPDFProfessional
方法/步骤
FlipPDFProfessional是一款国外的工程师开发的软件，可以百度下载。
安装完成后，点击“Import PDF”，导入需要转换的PDF文档。
等待导入完成，导入完成后会提供前几页的预览效果。
如果确认需要转换，点击“Convert to Filpping Book"，选择你需要保存的目录，点击“Convert”开始转换，文件转换时间视文档的大小而定，如果文件较大，转换时间会稍微长一些。
等待转换完成，转换完成后的效果如图。
在你保存的目录中找到你保存的文件，直接打开就可以通过浏览器直接进行预览，而且效果很不错。
步骤阅读
END
注意事项
如果PDF文档很大，转换时间会比较长
如果是扫描版的PDF文档，转换效果不是很理想，尽量转文字版的PDF
《HTML5CSS3JavaScript从入门到精通标准版》百度网盘pdf最新全集下载:
链接:
?pwd=eiv3 提取码: eiv3
简介：全书分两大部分，共12章。第一部分为网页样式基础部分，介绍了HTML5入门和CSS3实战入门内容：使用HTML标签标识网页内容，使用CSS设计网页基本样式，如使用并美化文本、图像、超链接、列表、表单和表格等；第二部分为CSS3布局部分，主要讲解使用CSS3设计完整网页的方法和技巧，以及CSS3中的各种新技术应用；第三部分为JavaScript部分，主要讲述了：JavaScript基本语法和用法，使用JavaScript控制网页文档和浏览器，JavaScript事件处理，使用JavaScript设计CSS动画等内容。
你可以直接将pdf文件直接拖到html5里面，首先复制pdf文件，在html软件里面粘贴，然后在使用
html
body
div
button id="prev" onclick="goPrevious()"Previous/button
button id="next" onclick="goNext()"Next/button
spanPage: span id="page_num"/span / span id="page_count"/span/span
/div
div
canvas id="the-canvas" style="border:1px solid black"/canvas
/div
!-- Use latest PDF.js build from Github --
script type="text/javascript" src=""/script
script type="text/javascript"
//
// NOTE:
// Modifying the URL below to another server will likely *NOT* work. Because of browser
// security restrictions, we have to use a file server with special headers
// (CORS) - most servers don't support cross-origin browser requests.
//
var url = '';
//
// Disable workers to avoid yet another cross-origin issue (workers need the URL of
// the script to be loaded, and currently do not allow cross-origin scripts)
//
PDFJS.disableWorker = true;
var pdfDoc = null,
pageNum = 1,
scale = 0.8,
canvas = document.getElementById('the-canvas'),
ctx = canvas.getContext('2d');
//
// Get page info from document, resize canvas accordingly, and render page
//
function renderPage(num) {
// Using promise to fetch the page
pdfDoc.getPage(num).then(function(page) {
var viewport = page.getViewport(scale);
canvas.height = viewport.height;
canvas.width = viewport.width;
// Render PDF page into canvas context
var renderContext = {
canvasContext: ctx,
viewport: viewport
};
page.render(renderContext);
});
// Update page counters
document.getElementById('page_num').textContent = pageNum;
document.getElementById('page_count').textContent = pdfDoc.numPages;
}
//
// Go to previous page
//
function goPrevious() {
if (pageNum = 1)
return;
pageNum--;
renderPage(pageNum);
}
//
// Go to next page
//
function goNext() {
if (pageNum = pdfDoc.numPages)
return;
pageNum++;
renderPage(pageNum);
}
//
// Asynchronously download PDF as an ArrayBuffer
//
PDFJS.getDocument(url).then(function getPdfHelloWorld(_pdfDoc) {
pdfDoc = _pdfDoc;
renderPage(pageNum);
});
/script
/body
/html
