svg in apex: best practices - doag.org · agenda • basics • raphaël with background images •...

42

SVG in APEX: Best Practices

Upload: vuongthu

Post on 10-Sep-2018

215 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

Page 1: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVG in APEX: Best Practices

Page 2: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

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

Page 3: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

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

information solutions GmbH

Sebastian Reinig

Page 4: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

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.

Page 5: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Basics

Page 6: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Basics

Page 7: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Basics

Page 8: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Basics

Page 9: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Basics

Page 10: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Basis

Page 11: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 12: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 13: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

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

Page 14: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 15: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 16: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 17: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 18: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël withbackground images

Page 19: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Mapael using Maps

Page 20: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Mapael using Maps

Page 21: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Mapael using Maps

Page 22: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Mapael using Maps

Page 23: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Mapael using Maps

Page 24: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 25: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 26: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 27: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 28: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 29: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 30: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 31: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 32: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 33: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 34: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 35: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 36: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

Raphaël and SVG file

Page 37: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVGJS and SVG file

Page 38: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVGJS and SVG file

Page 39: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVGJS and SVG file

Page 40: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVGJS and SVG file

Page 41: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVGJS and SVG file

Page 42: SVG in APEX: Best Practices - doag.org · Agenda • Basics • Raphaël with background images • Mapael using Maps • Raphaël and SVG file • SVGJS and SVG file This presentation

SVGJS and SVG file

Static Var Generator (SVG) - GES Group SVG Brochure.pdfFEATURES SVG Features Structural Dimensions 06 G.E.S GROUP - STATIC VAR GENERATOR (SVG) Compact Modular Design for Ultimate Flexibility

SVG - LivelineIndia

Big Data Infrastructure. - doag.org

Oracle APEX Mobile - doag.org

[MS-SVG]: Internet Explorer Scalable Vector Graphics (SVG ...interoperability.blob.core.windows.net/web/MS-SVG/[MS-SVG].pdf · Internet Explorer Scalable Vector Graphics (SVG) Standards

Raphaël troncy

SVG Unternehmensflyer

SVG SUPER VERSATILE GAS BURNER - promgas.com.uapromgas.com.ua/hauck/svg/svg.pdf · SVG SUPER VERSATILE GAS BURNER SVG-E SERIES BURNERS In accordance with Hauck’s commitment to Total

SVG Accessibility

The packages svg svg-extract - texdoc

Scalable Vector Graphics (SVG) Specification · 1999. 7. 6. · 3.4 Conforming SVG Included Documents 3.5 Conforming SVG Generators 3.6 Conforming SVG Interpreters 3.7 Conforming

SVG In Motion - Sara Soueidan · PDF fileSVG In Motion SVG for Web ... SVG Sprite Animation Techniques 6. SVG Line Drawing Effects SVG for Web Designers & Developers ... — What kind

Mobile Navigation With SVG Christian Schmitt SVG Open 2005

The packages svg svg-extract - mirror.hmc.edumirror.hmc.edu/ctan/graphics/svg/doc/svg.pdfThe packages svgand svg-extract PhilipIlten(2012–2016) FalkHanisch(2017–) [email protected]

Oracle Forms 12c - doag.org

EPUB Help: A viable Help delivery option? · Developed DITA-FMx, a FrameMaker plugin for efﬁcient DITA authoring and publishing. ... Dynamic SVG with Raphaël. Well, almost... Most

[MS-SVG]: Internet Explorer Scalable Vector Graphics (SVG ...MS-SVG].pdfGraphics (SVG) 1.1 Specification (Second Edition) [W3C-SVG1.1/2], W3C Recommendation published August 16, 2011

Raphaël Beeckmans

SVG in Fritzing: A Case Study - SVG Open

Institut Saint-Raphaël€¦ · Institut Saint-Raphaël

Dynamic SVG Comic - HKUSTrossiter/independent... · CSIT6910 Independent Project Dynamic SVG Comic 7 Figure 6. The 20.SVG file 4. Technical Detail 4.1 SVG Animation method SVG content

Svg - Energy Action Plan Svg First Edition

Raphaël MAUREL Raphaël MAUREL 63410 VITRAC

SVG Wallmount SVG Cabinet Mount - Power Electronics NZ · PDF filePower Quality Static Var Generator (SVG) SVG Wallmount SVG Cabinet Mount

Elster SVG:Layout 1 - morterahauck.com · SVG SUPER VERSATILE GAS BURNER SVG SERIES BURNERS High Velocity SVG 110 / 210 SVG 160 / 260 SVG 180 / 280 NOTES: 1. Capacities based on …

Die Reduktion von Zucker, Fett und Energie in ... · Family Erwachsene ≤20g/svg ≤25g/svg Family Erwachsene ≤5g/svg ≤7g/svg kcal r oP ti n Family Erwachsene ≤20g/svg ≤25g/svg

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 Valve Gate - Mastip hot runner solutions SVG Valve Gate