SVG Graphics

  1. SVG Document Structure and Syntax
    1. SVG Root Element
      1. Required Attributes
        1. Optional Attributes
          1. XML Namespace Declaration
            1. Width and Height Attributes
              1. ViewBox Attribute
                1. Syntax and Usage
                  1. Scaling and Responsiveness
                  2. PreserveAspectRatio Attribute
                    1. Alignment Options
                      1. Meet vs. Slice Behavior
                      2. Versioning and DOCTYPE
                      3. SVG Coordinate System
                        1. Canvas and Viewport
                          1. Drawing Area Definition
                            1. Units of Measurement
                            2. User Coordinate System
                              1. Viewport Coordinate System
                                1. Coordinate Transformations
                                  1. Translate
                                    1. Scale
                                      1. Rotate
                                        1. SkewX
                                          1. SkewY
                                            1. Transformation Order and Composition
                                          2. Grouping and Referencing Elements
                                            1. Group Element
                                              1. Styling and Transformation Grouping
                                              2. Definitions Element
                                                1. Reusable Element Definitions
                                                  1. Scoping and Referencing
                                                  2. Use Element
                                                    1. Element Reuse
                                                      1. Positioning Reused Elements
                                                      2. Symbol Element
                                                        1. Reusable Templates
                                                          1. Differences from Group and Definitions
                                                          2. Metadata Elements
                                                            1. Title Element
                                                              1. Description Element

                                                          Previous

                                                          1. Introduction to SVG

                                                          Go to top

                                                          Next

                                                          3. Basic SVG Shapes