DrawingML OpenXML 29500

1. DrawingML Overview
The tip of a very big iceberg …
( almost 40 schemas )

2. Evolution of Office Graphics
Word, Excel
and PPT
Publisher
and FrontPage
Word
Excel and
PPT
Graphics Platform
Unification
HTML Output
Vector Markup Language
( “VML” )
GDI+
Diagramming
Compress Pictures
Inset Pen
HSL Color
New Graphics Platform
w/ Text Engine

3. Main Types of Objects
• Shape
• Group Shape
• Connector
• Picture
• Graphic Frame

4. Shape Overview
spTree
nvGrpSpPr grpSpPr sp
nvSpPr spPr
style txBody
xfrm geo
fillProperties lineProperties
effectProperties scene3D
sp3D bwMode

5. Group Shape Overview
spTree
nvGrpSpPr grpSpPr
nvSpPr
spPr
style
txBody
xfrm geo
grpSp
sp grpSpPr spnvGrpSpPr
nvSpPr
spPr
style
txBody
xfrm geo
fillProperties
effectProperties scene3D
bwMode
fillProperties
effectProperties scene3D
bwMode
lineProperties
sp3D
lineProperties
sp3D
xfrm geo
fillProperties effectProperties
scene3D bwMode

6. Connector Overview
spTree
nvGrpSpPr grpSpPr spCxnSp
nvCxnSpPr spPr
style
xfrm geo
fillProperties lineProperties
effectProperties scene3D
sp3D bwMode

7. Picture Overview
spTree
nvGrpSpPr grpSpPr pic
nvPicPr blipFill
spPr style
xfrm geo
fillProperties lineProperties
effectProperties scene3D
sp3D bwMode

8. Graphic Frame Overview
spTree
nvGrpSpPr grpSpPr graphicFrame
nvGraphicFramePr xfrm
graphic

9. Non-Visual Properties ( nvPrs )
• Each object’s nvPrs are a union of a common
set plus a set of object-specific nvPrs
• Common nvPrs
– Click Hyperlink
– Hover Hyperlink
– ID
– Name
– Description
– Hidden Flag
Note that hyperlinks are expressed as relationships

10. Object-Specific nvPrs
• Shape nvPrs
– Shape Locks
– Text Box Flag
• Group Shape nvPrs
– Group Shape Locks
• Connector nvPrs
– Connector Locks
– Start Shape
– End Shape
• Picture nvPrs
– Picture Locks
• Graphic Frame nvPrs
– Graphic Frame Locks

11. Locks
Group Ungrou
p
Select Select
childre
n
Drill
Down
Move Rotate Resize Chang
e
Aspect
Ratio
Crop Edit
Points
Hide
Adjust
Handle
s
Chang
e
Arrow
Heads
Chang
e
Shape
Type
Shape
X X X X X X X X X X
Group
Shape
X X X X X X X
Conne
ctor
X X X X X X X X X X
Picture
X X X X X X X X X X X
Grfx
Frame
X X X X X

12. Shape Properties ( spPr )
spPr
xfrm geo
fillProperties lineProperties
effectProperties scene3D
sp3D bwMode
Note. spPr is used for shapes, connectors and pictures

13. Group Shape Properties ( grpSpPr )
grpSpPr
xfrm fillProperties
effectProperties scene3D
bwMode
Note. grpSpPr is only used for group shapes
Note. this xfrm is different from xfrm in spPr

14. Transforms ( xfrms )
Offset Extent
Child
Offset
Child
Extent
Rotat’n
Vert.
Flip
Horiz.
Flip
Shape X X X X X
Group
Shape
X X X X X X X

15. Shape Transform
Extent and Offset units are in EMUs ( 914400 dpi / 360000 dpc )

16. Geometry
• Built-in shapes generally use preset
geometries
• Scribbles, Curves and Custom Shapes
need to express geometry in the file format
– Adjust handles
– Guides
– Connection Points
– Bounding Rectangle
– Paths

17. Preset vs. Custom Geometries

18. Fill Properties
Indicates separate part for image data

19. Line Properties
• Fill Props
• Dash Props
• Join Props
• Head End Props
• Tail End Props
• Width
• Cap
• Compound Type
• Pen Alignment

20. Colors and Color Transformations
• sRGB
• scRGB
• HSL
• Windows System Colors
• Scheme Colors
• Preset Colors
• Complement
• Grayscale
• Tint
• Shade
• Alpha
• Hue
• Saturation
• Luminance
• Red
• Green
• Blue

21. Effect Properties

22. Text
• Text is largely modeled after Word’s
design
– Similar structures
– Similar naming conventions
– Different schemas

23. Runs and Run Properties
WordProcessingML
DrawingML

24. Text == Graphics
• We can apply all graphic effects to text
– Some limited to runs
– Some limited to ¶

25. Styles
• Designed to ensure consistent visual
appearance of content within/across documents
• Comprised of three parts
– Color Scheme
– Font Scheme
– Formatting Scheme
• Stored as separate part within package
• Part replacement get “resolved” into file when
file loaded back into application

26. Color Schemes
• Extension of existing
PowerPoint model
– More color slots: 12 (
from 8 )
– Repurposing of color
slots
• Title, Background, etc
no longer apply
• Organized into dark,
light, accent and
hyperlink slots

27. Font Schemes
• Provides a set of
major and minor fonts

28. Formatting Schemes
• Scheme defined in terms of four styles
– Fill
– Line
– Effect
– Background Fill
• Each style has three “flavors”

29. Styles Example

30. Audio and Video Support
• Two types of audio
– Audio based on a CD
– On-disk audio file
• On-disk video file
• Both can be stored internally or externally
• Insertion of either creates a timeline in
PowerPoint ( to control interactivity )

31. Audio and Video Examples
• Represented as a picture
( poster frame or icon )
• Relationships
– Hyperlink for interactivity
– Media source
– Picture for poster frame or
icon

32. Graphic Frame
• General-purpose container for holding an
“object” containing visual and semantic
data
• Used for Tables, Diagrams and Charts

33. Tables
• Built using a Graphic Frame wrapper

34. Tables’ Graphic Data
• Modeled after Word which is similar to HTML tables (
built using a table, properties, rows and cells )

35. Diagrams
• Built using a Graphic Frame wrapper

36. Diagram Parts
• Diagrams built from four parts:
– Data
– Colors
– QuickStyles
– Layout

37. Data Part
• Uses OfficeArt’s text storage model

38. Layout Part

39. Disclaimer
This presentation is for informational purposes only, and
should not be relied upon as a substitute or replacement for
Microsoft formal file format documentation, which is
available at the following
website: https://msdn.microsoft.com/en-
us/library/cc313118(v=office.12).aspx. Any views or
opinions presented in this material are solely those of the
author and do not necessarily represent those of
Microsoft. Microsoft disclaims all liability for mistakes or
inaccuracies in this presentation.