渲染出来电子书的封面是全屏的大小，怎么可以修改那个图片的宽高
就是这么巨大，尝试了穿透修改图片大小，但是不好使
qq_猫妖_0
2018-09-25
1 回答
你好，这是一个非常好的问题，要实现这一点需要使用epubjs的高级特性：css注入，因为epubjs的实现原理是iframe，而iframe中的dom不受我们的css控制，所以必须要注入css才能实现，具体做法如下：
1、在static目录下创建一个test.css，填入以下内容：
.CoverFigure {
width: 100%!important;
height: 100%!important;
}
.CoverFigure img {
width: 100%!important;
max-height: 100%!important;
}2、在Ebook.vue的showEpub()末尾添加以下代码：
this.rendition.hooks.render.register(view => {
const contents = this.rendition.manager.getContents()[0]
contents.addStylesheet('/static/test.css')
})在test.css中你可以对img的大小进行控制
举报
0/150
提交
取消
