Graphics Reference
In-Depth Information
2.6.2 HTML & Co.
Given all the hype surrounding HTML5, you would think that Adobe used the
HTML5 canvas element in its development of Edge Animate. Surprisingly, this
was not the case. First of all, the display of canvas content is still not very good
on mobile devices. Moreover, canvas technology is not supported consistently
across all browsers. An animation rendered with a canvas element would cur-
rently only run on about 67% of all browsers.
.
HTML5 Canvas
The canvas element is like a canvas
component (bitmap) in HTML that
can be drawn using JavaScript.
Figure 2.17
The display of content with
the HTML5 canvas element is
not yet supported due to low
browser penetration
The situation is similar to the display of SVG (Scalable Vector Graphics); there is
still no consistent market penetration for this type of graphic file. Thus, in the first
version of Edge Animate, SVG formats can only be used for the import of static
vector graphics. Additional code output with the canvas element or SVG images
would be an advantage and is expected to be a part of subsequent versions, as
this feature is often requested by the web-design community.
The fact that Edge Animate creates animations in the DOM means that the
software does not take full advantage of HTML5. Here the buzzword is being
used purely for marketing purposes. Strictly speaking, it is CSS3 and JavaScript
that enable you to create lifelike animations with Edge Animate.
Unlike Flash animations, the visual layer of Edge Animate exclusively relies on
open web standards so browsers can play animations created in Edge Animate
