svg
31.05.2015 | vb   | lw   | svg | top |
home
introduction
zoom example |1|2| 3 |4|
increment = 4 * decrease reset increase


floor plan svg

Dragging a drawing

The above illustration displays a floor plan. The svg-file has a reasonable file size of 124 kb. In this section, I use the same interface as before, but I also define an invisible viewing area which crops the displayed drawing if it is bigger. I also make it possible to move the drawing by dragging it with the mouse. If the drawing is smaller than the viewing area, the movement stops at the four viewing area edges. If it is bigger, it can be dragged until the opposite edges align – at the moment only on a computer and not on a tablet or phone.

animate
interact
generate
links