第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

渲染出來電子書的封面是全屏的大小,怎么可以修改那個(gè)圖片的寬高

https://img1.sycdn.imooc.com//5ba9b09b0001c91b09580650.jpg

就是這么巨大,嘗試了穿透修改圖片大小,但是不好使

正在回答

1 回答

你好,這是一個(gè)非常好的問題,要實(shí)現(xiàn)這一點(diǎn)需要使用epubjs的高級特性:css注入,因?yàn)閑pubjs的實(shí)現(xiàn)原理是iframe,而iframe中的dom不受我們的css控制,所以必須要注入css才能實(shí)現(xiàn),具體做法如下:

1、在static目錄下創(chuàng)建一個(gè)test.css,填入以下內(nèi)容:

.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的大小進(jìn)行控制

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

OSZZ

沒效果呀 怎么破? 老大
2019-07-20 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
快速入門Web閱讀器開發(fā)
  • 參與學(xué)習(xí)       26483    人
  • 解答問題       228    個(gè)

帶你了解電子書閱讀器的工作原理,通過Vue.js快速實(shí)現(xiàn)Web閱讀器

進(jìn)入課程

渲染出來電子書的封面是全屏的大小,怎么可以修改那個(gè)圖片的寬高

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號