设置epub.js
任何使用epub.js或能够理解所谓“documentation here https://github.com/futurepress/epub.js”的人
我的代码出了什么问题？我已经一步一步地遵循了文档...我遗漏了什么？
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
<script src="../dist/epub.min.js"></script>
<script>
var book = ePub("my_epub.epub");
var rendition = book.renderTo("area", { method: "default", width: "100%", height: "100%" });
var displayed = rendition.display();
</script>
<div id="area"></div>
<body>谢谢您抽时间见我。
回答 6
Stack Overflow用户
发布于 2019-01-30 07:48:40
这可能太晚了，对你没有帮助，但我希望它能对其他人有帮助。
首先，在我使用epub.js的短暂经验中，我一直在努力解决相同的问题，并最终了解到，如果您想要将height和width选项设置为"100%"，如您参考的自述文件的“入门”指南中所建议的那样，并且正如您在示例中使用的那样，您要呈现的元素必须具有固定的高度。在您的示例中，是#area div。尝试将#area的CSS设置为height: 500px;，然后查看epub是否会呈现。
这是一些信息量更大的epub.js文档，但实际上并不是关于设置的：http://epubjs.org/documentation/0.3/#rendition
其次，这对你来说可能根本不是问题，我知道自述文件中的引用<script src="../dist/epub.min.js"></script>的说明与你所用的完全一样，但对于我在一个带有Webpack的Rails5.1应用程序中，这是不起作用的。
相反，我使用Yarn (yarn add epubjs，如果使用npm，则为npm install epubjs )将其添加到项目中，然后使用import ePub from 'epubjs'将其导入到相关文件(在我的示例中是Vue组件)。
您可以在定义book或rendition变量(在您的示例中为console.log(book)或console.log(rendition) )之后，通过控制台日志记录这些变量来检查是否加载了epub.js。如果它们是满是您不熟悉的奇特功能的对象，您就会知道页面上有epub.js，而问题更有可能是高度/宽度值。
Stack Overflow用户
发布于 2019-05-12 10:07:56
您的html完全使用了epub.js演示...但是您没有考虑到，epub.js极有可能不是您所要求的。
假设您的html位于
http://example.com/epubstuff/see-ebook.html
如果是这样，那么您需要将epub.js脚本上传到//example.com/dist/epub.js，以便../dist/epub.js找到js文件，以便它可以呈现。
一旦你做到了这一点，你就可以进入一个有趣的世界，尝试预测epub.js将如何处理定义“区域”的css。让它在“小于全屏”的情况下正确渲染是非常棘手的。虽然这是可以做到的。
Stack Overflow用户
发布于 2019-09-11 12:10:28
Add the following in metro.config.js
const blacklist = require('metro-config/src/defaults/blacklist');
module.exports = {
resolver: {
blacklistRE: blacklist([
/node_modules\/.*\/node_modules\/react-native\/.*/,
])
},
};https://stackoverflow.com/questions/52352962
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号