Using motjuvie as a presentations tool.
Motjuvie can be used easily as a presentation tool.It supports browsing through pages and sub items on each page.
To see how motjuvie behaves have a look at this example which emulates motjuvie, actually it uses the same pageSet handling code but when using motjuvie you don't need to include it in your file.
To create a multi page SVG use the pageSet element(new in SVG1.2).
Inside this element create a page element for each page you want to be displayed.
You may put any SVG element inside the page
Everything outside of the pageSet is visible on all pages.
Have a look at the skeleton for a multi page SVG document:
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:mot="http://jan.kollhof.net/motjuvie"
mot:fullScreen="true">
<!-- Content visible on all pages goes here. -->
<pageSet>
<page >
<!-- Content of first page goes here. -->
</page>
<page >
<!-- Content of 2nd page goes here. -->
</page>
<page >
<!-- Content of 3rd page goes here. -->
</page>
</pageSet>
</svg>
The first line should be standard SVG. In the 2nd line you see the name space definition for motjuvie.
The xmlns:mot="http://jan.kollhof.net/motjuvie"
mot:fullScreen="true">
<!-- Content visible on all pages goes here. -->
<pageSet>
<page >
<!-- Content of first page goes here. -->
</page>
<page >
<!-- Content of 2nd page goes here. -->
</page>
<page >
<!-- Content of 3rd page goes here. -->
</page>
</pageSet>
</svg>
mot:fullScreen="true" attribute in the 3rd line makes sure that the presentation is shown in full screen modeNow you can start adding content to the pages.
If you want items to be shown one after another, as seen in the example you need to add a special atribute
mot:item="item" to that item.The attribute must use the motjuvie name space
"http://jan.kollhof.net/motjuvie" as defined in the 2nd line in the skeleton above.For example the following page will have 3 items, which are invisible when the presentation starts and will be activated one after another:
<page >
<text x="30%" y="100">
<tspan mot:item="item" x="30%" dy="2.5em">● first item</tspan>
<tspan mot:item="item" x="30%" dy="1.5em">● 2nd item</tspan>
<tspan mot:item="item" x="30%" dy="1.5em">● 3rd item</tspan>
</text>
</page>
The items are made visible in the order they occur in the document.<text x="30%" y="100">
<tspan mot:item="item" x="30%" dy="2.5em">● first item</tspan>
<tspan mot:item="item" x="30%" dy="1.5em">● 2nd item</tspan>
<tspan mot:item="item" x="30%" dy="1.5em">● 3rd item</tspan>
</text>
</page>
You can add the
mot:item="item" attribute to any element in SVG even a group element to display a group of elements at once.That's actually all you need to know.
Enjoy creating your presentations.
Jan-Klaas Kollhof