HTML5 Graphics
1 like445 views
This document discusses HTML5 graphics capabilities including the canvas element, paths, text, images, and gradients that can be used with canvas. It also covers Scalable Vector Graphics (SVG), an XML-based vector image format that has been improved in HTML5 with support for interactivity and animation. The document provides examples of how to embed SVG in HTML5 and examples of SVG elements like circle, rect, line, ellipse, polygon, and polyline.
HTML5 Graphics
- 1. HTML5 Graphics BY MURILLO GRUBLER
- 2. Create a Canvas Clique para adicionar texto
- 3. Create image with JavaScript
- 5. Canvas Paths
- 7. Canvas Text
- 11. Canvas Gradients
- 13. SVG Scalable Vector Graphics ( SVG) is an XML-based vector image format for two-dimensional graphics that has support for interactivity and animation. Already exist in HTML4, but has been improved in the new version.
- 14. Embeding SVG in HTML5
- 15. Example SVG
- 16. Options with SVG Circle; Rect; Line; Ellipse; Polygon; Polyline;