SVG wrapping
圖檔、固定版面目錄等圖片，建議放入原圖，再由瀏覽器/閱讀器重繪適合的大小
SVG 是一種 html 宣告
OPF 裡要宣告 properties ，叫閱讀器記得幫你畫圖
可在流動式書籍裡，指定單頁面要是固定頁面 或指定跨頁的左右頁
內頁處要宣告 viewport 長寬
body 宣告 svg tag
SVG 畫圖步驟 參考
1. OPF <manifest> 宣告 properties="svg"
2. <spine> 項目加入properties="rendition:layout-pre-paginated rendition:spread-none rendition:page-spread-x"
3. 如有跨頁等需求，繪圖要頁宣告頁面位置(左或右、置中) rendition:page-spread-x
4. 在內頁繪製的做法
code:svg.html
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:epub="http://www.idpf.org/2007/ops"
xml:lang="zh-TW" lang="zh-TW"
class="hltr" >
...
<meta name="viewport" content="width=圖寬,height=圖高" />
...
<body class="p-image">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%" viewBox="0 0 圖寬 圖高">
<image width="圖寬" height="圖高" xlink:href="../image/kuchie-001.jpg（圖檔名）"/>
</svg>
</body>
漫畫也推這麼做
2022 出版聯盟有 sample 示範一圖裡面可繪制框域、指定連結
利用photoshop 等工具切圖取繪製的數值