简述
多看书城的书中,有一部分是漫画书,结构功能和普通的图书有一点点不一样:
- 每一页图片居中显示;
- 每一小格图片格可以双击放大,进入幻灯片模式;
- 单击屏幕中央,系统菜单也会出现一个进入幻灯片模式的图标;
- 进入幻灯片模式之后,可以左右滑动一直往下看;
- 书架上漫画书的封面会有“漫画”标签做标识。
怎么做漫画书
其实这类漫画书也很容易做,不需要你在每个页面加工什么特殊代码,只需要改epub的核心——opf文件就行。
首先看<spine>
这个标签。
多看的全屏显示图片会在这里面的每个页面加上一个属性叫做duokan-page-fullscreen
,但是在漫画书里面,需要改为加另外一个属性duokan-page-fitwindow
。这个属性和全屏属性类似,只要页面有一张图片,就将其垂直居中显示出来。但图片不能遮盖到的背景也会照常显示,就算你在页面中定义了页面背景也没用。也就是说,这个属性不能拿来做全屏章节图片装饰,只是用来给漫画书用的。
然后在<spine>
标签下面,新建一个<duokan-comics-thread>
标签,这个里面放的就是幻灯片显示的信息,只要opf里面有这个标签,在书架上就会显示为漫画。
示例如下:
<duokan-comics-thread>
<frame boundary="17 90 407 518" idref="x001.xhtml" />
<frame boundary="407 90 796 518" idref="x001.xhtml" />
<frame boundary="796 90 1187 518" idref="x001.xhtml" />
<frame boundary="17 518 407 946" idref="x001.xhtml" />
<frame boundary="407 518 796 946" idref="x001.xhtml" />
<frame boundary="796 518 1187 946" idref="x001.xhtml" />
……
</duokan-comics-thread>
幻灯片显示的信息有四个数字,实际上是以图片本身为基准,以像素为单位的,要放大的单元格左上角坐标和右下角坐标。单元格按顺序排列就行了。建议用ps来看坐标。
做完了这本漫画书也就成了。
局限
所以大家可以看到,多看漫画书没啥代码上的技巧,主要就是费时费力,而且也有局限性。因为幻灯片是以矩形单元格放大显示的,对四格漫画效果最好,但是很多漫画如果有出血格显示的话,要选择单元格就很麻烦了。
另外一个就是多看的漫画引擎有点问题,显示图像的时候有很明显的锯齿感,以画廊方式放大,图像没有普通交互图那种算法效果,看起来很模糊。所以我现在不太用这种办法了。
国内的四格和蜡笔小新这种,做多看漫画书是最适合的,但是圣斗士这种人物经常跳出单元格的,或者单元格大多不是矩形的,做起来就不适合了。个人感觉这种漫画还是用看漫画的软件直接看zip好得多。
另外要注意一点,sigil0.89以上因为改动了架构,对opf要求比较严,无法写入多看漫画代码了。所以要做多看漫画的话,请保留一份sigil0.87以下的版本。好在sigil是开源软件,不会写注册表,装完了把安装目录拷贝到别的地方就行了。
新的多看漫画格式
多看在5.x以后,多了一种新的漫画格式,封面标题显示的仍为漫画,但是打开之后,漫画都是以纵向滚动方式排列的了(图像仍有锯齿,应该还是旧的漫画引擎),另外漫画文件格式为bin,不再是epub了,应该是将图像文件封装在里面了。