Email or username:

Password:

Forgot your password?
All posts Luci for dyeing's posts Post Back to profile
Luci for dyeing

a quick multipage svg demo
(lightweight alternative to pdf)
yip.pe/content/svgpager.html

11 Jul 2022 at 4:52 | Open on merveilles.town
3 comments
Luci for dyeing

i will note this is javascript free

11 Jul 2022 at 6:19 | Open on merveilles.town
Luci for dyeing

how does it work?
the whole document is one single flat svg with each page arranged horizontally next to each other as a big row of pages.

the pages can in fact be arranged in whatever layout you feel like.

<view> elements are added with viewBox attributes corresponding to where each page is and id attributes which we use later as fragment identifiers in the links

the svg is loaded into an iframe, so we can give the iframe a name attribute which we match as the target of each link.

how does it work?
the whole document is one single flat svg with each page arranged horizontally next to each other as a big row of pages.

the pages can in fact be arranged in whatever layout you feel like.

<view> elements are added with viewBox attributes corresponding to where each page is and id attributes which we use later as fragment identifiers in the links

11 Jul 2022 at 6:38 | Open on merveilles.town
Luci for dyeing

the links *could* be embedded into the svg, with the drawback being that they won’t work unless the svg is loaded into a page as an object element, or visited directly.

11 Jul 2022 at 6:44 | Open on merveilles.town
Go Up