Graphics Reference
In-Depth Information
Figure 2.10
The Elements panel shows all
elements in the DOM and the
associated HTML tag
Because Edge Animate not only exports valid HTML but also works with an
HTML document in its development phase, all elements, including basic shapes,
graphics, or text, are saved as HTML tags in the DOM (Document Object Model).
In other words, the Elements panel is a one-to-one representation of all DOM
elements. The icon in front of the element name indicates the
type
in Edge
Animate (shape, image, or text) and the tag after the name indicates the
corre-
sponding HTML tag
used to represent the element.
2.4.6 Library Panel
The Library panel is located under the Elements panel. This panel groups togeth-
er all objects that can be referenced. This includes any
external images
, previous-
ly created
symbols
, and custom
fonts
. Basic shapes are not included in this list.
A symbol is a kind of blueprint or definition for a specific element on the Stage.
The actual depicted element on the Stage is called an instance. A symbol defini-
tion can have any number of instances on the Stage, whose predefined display
can also be entirely changed by overwriting the instance's properties. A symbol
definition is also maintained in the Library even if all instances are removed from
the Stage. This is because you can trigger an action through code while playing
a composition, which automatically creates an instance of a symbol and places
it on the Stage.
Symbol definitions can be exported for reuse in other projects. To do this,
right-click the symbol in the Library and choose Export. The + icon in the Library
panel is used to import symbols into existing compositions.
