SVG in APEX: Best Practices - doag.org · Inkscape) INKSCAPE Oran {free(g. NEWS Features COMMUNITY LEARN CONTRIBUTE Search DEVELOP SUPPORT US ABOUT Eisvogelby Prudentity Overview

SVG in APEX: Best Practices

Freelancer im Bereich Oracle APEX & BI

Oracle Datenbanken & APEX seit 2006

Selbständig seit 2010 www.apex-at-work.com www.apex-experts.de

Tobias Arnhold

Consultant Database & DWH Oracle und APEX seit 2013 Angestellt bei syntegris

information solutions GmbH

Sebastian Reinig

Agenda

• Basics• Raphaël with background images• Mapael using Maps• Raphaël and SVG file• SVGJS and SVG file

This presentation contains Screenshots, the application is published after the doag.

Basics

Basics

Basics

Basics

Basics

Basis

Raphaël withbackground images

Raphaël withbackground images

Raphaël withbackground images

• Ships stored in table• PL/SQL generates Harbor• JavaScript Generation• Harbor is static

Raphaël withbackground images

Raphaël withbackground images

Raphaël withbackground images

Raphaël withbackground images

Raphaël withbackground images

Mapael using Maps

Mapael using Maps

Mapael using Maps

Mapael using Maps

Mapael using Maps

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

Raphaël and SVG file

SVGJS and SVG file

SVGJS and SVG file

SVGJS and SVG file

SVGJS and SVG file

SVGJS and SVG file

SVGJS and SVG file