Skip to content

條漫的呈現方式 #5

@WillyYeh

Description

@WillyYeh

APL 對於條漫有做出 sample
但使用了 Chrome 目前尚未支援的 CSS Scroll Snap Points
這要推行就還有段距離。
以下提出兩個方案供大家討論:

  1. 以 APL 方式來做,EPUB3 書檔為版式,搭配 CSS Scroll Snap Points
  2. EPUB3 書檔為流式,
    HTML 的 <head> 帶:
<meta property=“rendition:flow”>scrolled-continuous</meta>

HTML 的 <body> 內嵌一或數個 <svg> 帶 viewBox 包 <image>

<svg viewBox=“0 0 690 1380" preserveAspectRatio=“xMinYMin slice”>
       <image width=“690” height=“1380" xlink:href=“images/img.jpeg”></image>
</svg>

Metadata

Metadata

Assignees

No one assigned

    Labels

    提昇新功能、新需求、新內容

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions