2019.3.30- vue epub常用功能 摘记

最新推荐文章于 2024-05-24 09:30:26 发布
最新推荐文章于 2024-05-24 09:30:26 发布
阅读量1.2k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40196738/article/details/88907317
版权

1、epubjs实现电子书功能的一些基本方法

挂载dom
在这里插入图片描述
注册新字体
在这里插入图片描述

设置字体
在这里插入图片描述
设置字号
在这里插入图片描述
注册主题
在这里插入图片描述
主题对象的参数
在这里插入图片描述
设置主题
在这里插入图片描述
指定href跳转并显示
在这里插入图片描述
粗糙分页
在这里插入图片描述
粗糙分页（改）
在这里插入图片描述
获取当前页面分页信息
在这里插入图片描述
页面位置转换百分比
在这里插入图片描述
百分比转换页面位置
在这里插入图片描述

获取章节数据
在这里插入图片描述
获取目录数据（需要传入章节href）
在这里插入图片描述
获取当前页面cfi
在这里插入图片描述

获取cover对象（图片信息）
在这里插入图片描述
获取cover对象封面url
在这里插入图片描述
获取metadata(图书信息，作者信息)
在这里插入图片描述
获取spine()

文字高亮显示（传入cfi,cfi可以是精确到单词的路径）
在这里插入图片描述
在这里插入图片描述
getRange方法（通过拼接currentLocation的start和end的cfi）获取文本内容
在这里插入图片描述
epubjs阅读模式改变
在这里插入图片描述

qq_40196738
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Vue使用epubjs电子书
m0_51431448的博客
11-03 843
npmjs: https://www.npmjs.com/package/epubjs 在线电子书转换器 简单封装： src/hooks/ 使用： 这个示例电子书地址：https://example-files.online-convert.com/ebook/epub/example.epub 直接下载下来，放在public/static下。这篇只是简单写一下使用，还没有正式用到更多可以参考另一位博主的文章：https://blog.csdn.net/qq_42484429/art
Vue Pivottable-基于jQuery的PivotTable.js的Vue端口-Vue.js开发
05-27
cd vue-pivottable / demo / example-vue-cli3 / $ npm install $ npm run serve安装npm i vue-pivottable全局组件用法main.js从“ vue”导入Vue从“ vue-pivottable”导入VuePivottable导入“ vue-pivottable / ...
基于Vue的精简阅读器的实现（采用Epub.js）
04-13
来源于慕课网的阅读器开发的课程，在一些功能上做了些修改，相应视频可以到慕课网查看学习
使用Epub.js打开本地Epub文件
teyietry的博客
11-26 4834
使用Epub.js打开本地Epub文件1. 导入epubjs：下载地址：https://github.com/futurepress/epub.js/2. 辅助工具jszip：是一个用于创建、读取和编辑.zip文件的JavaScript库3. controller获取资源在服务器上的地址，并跳转到jsp页面打开epub文件3. jsp中简单js操作，建议epub阅读 1. 导入epubjs：下载地...
epub.js电子书的使用及VUE注意事项
最新发布
springdk2009的博客
05-24 975
EPub是电子书格式，可以用Adobe Digital Editions打开，它是一个自由的开放标准，属于一种可以“自动重新编排”的内容，也就是文字内容可以根据阅读设备的特性，以最适于阅读的方式显示。4、获取meta、封面图、章节等均是Promise对象（异步编程的一种解决方案，可以获取到异步的操作），需要使用.then()方法来获取里面想要的信息。用程序来加载epub文件的话，也是可以的，就跟视频文件一样，前端客户端多种语言都能解析它。今天分享的主题是用epub.js来操作电子书文件。
二、阅读器的开发（初始）-- 2、阅读器开发
m0_64931189的博客
03-22 1365
效果：通过拖动进度条，我们就可以快速定位到指定位置。这里我们需要通过epubjs的location对象来解决。初次打开设置时，若进度条没有加载完成会显示在加载中...同时进度条进行锁定并不能进行操作。该方法中接收一个进度条数值的参数（进度条数值用户是可以改变的，而且是根据这个进度条数值来进行确定去渲染那一页的，所以它应该作为一个参数传入），方法中要把进度条数值0-100转化为百分比；
vue中预览epub文件
reembarkation的博客
09-14 489
vue项目中实现epub文件的预览
vue中epub电子书的配置
qq_59116575的博客
07-28 566
提供参考
vue epub电子书
qq_35906279的博客
07-21 228
【代码】vue epub电子书。
2019.3.28 vue epub入门，进度条（background实现）
qq_40196738的博客
03-28 483
1、对代码进行抽象改造。 上述代码有2处相同的地方，可以抽象成 2、对象的属性读取(如book = { } 对象,key=‘name’） 读取book.name 就是读取book.key。 要当心，所以读取的是赋值过的数据 用book[key]而不是book.key， 3、对于app支持中英文翻译，vue提供了vue-i18n包。可以实现。 首先安装 同时在src中建立lang目录载入预先...
idea vue.js插件(2019.3.1)
02-02
亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install ...
Vue.js 2 Cookbook epub
10-06
Vue.js 2 Cookbook 英文epub 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除
vue v2 官方中文教程 html/epub/pdf
04-25
来自 https://cn.vuejs.org/v2/guide/index.html
Vue.D3.tree D3.jsVue.D3.tree-基于D3.js的树视图-Vue.js开发
05-27
Vue.D3.tree Vue组件可基于D3.js布局显示图形。 Tree Live演示https://david-desmaisons.github.io/Vue.D3.tree/tree用法 从'vued3tree'导入{tree}导出默认{组件：{树}，data（）{返回{树：{名称：“父亲”，子代：...
vue-knob-control-Vue.js的旋钮控件-Vue.js开发
05-27
vue-knob-control Vue.js的旋钮控件Install npm install vue-knob-control -S用法从'vue'导入Vue从'vue-kno vue-knob-control导入KnobControl Vue.js的旋钮控件安装npm install vue-knob-control -S用法从'vue'导入...
vue-infinite-list-无限列表mixin可以为Vue.js 2回收dom-Vue.js开发
05-27
基于vue2的vue-infinite-list无限列表。 安装npm i vue-infinite-list演示npm run start基本使用导入并基于vue2注册无限li vue-infinite-list无限列表。 安装npm i vue-infinite-list演示npm run start基本使用导入...
vue-cli项目中使用epubjs
九段刀客的博客
01-31 1015
注意 epubjs内部依赖jszip解析epubjs文件，如果没有引入jszip文件代码也不会报错，就是书渲染不出来，坑了我好久 代码 <template> <div id="book"></div> </template> <script> import "jszip"; import Epub from "epubjs"; export default { mounted() { this.init(); }, met
Rem是什么，牛逼的Vue，Epub竟然可以实现阅读器功能。太牛了。
weixin_34342905的博客
09-21 446
rem 相当于根元素font-size值的倍数。 1rem=根元素font-size 2rem=根元素font-size * 2 // 1rem = fontSize px // 1px = (1/fontSize) rem $fontSize:37.5; @function px2rem($px) { @return (@px / $fontSize) + rem; } div,div...
vue + epub.js 电子书
weixin_30741653的博客
02-21 1135
最近在写一个电子书的功能,从2016年写到了2017年,如今总算告一段落,下面总结一下途中遇到的问题吧. 1. 前期准备 a) Epub.js GitHub: https://github.com/futurepress/epub.js b) Epub格式电子书 在线电子书格式转换: http://www.online-convert.com/ 2. 正式开始 方式一: 使用epub文...
Vue.js项目开发：使用vue-cli搭建脚手架指南
"这篇文档详细介绍了如何使用vue-cli搭建基于Vue.js的开发脚手架，同时涉及到了Node.js环境的安装、npm包管理工具以及Webpack自动化构建工具的使用。" 在现代前端开发中，Vue.js作为一款轻量级且功能强大的...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值