1回答

• 

  Sam

  2018-09-25 20:45:31

  你好，这是一个非常好的问题，要实现这一点需要使用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的大小进行控制

  1 2

  OSZZ

  没效果呀 怎么破? 老大

  2019-07-20 00:53:47

  共 1 条回复 >