3_adding_vector_graphics_to_the_web

dz / mdn / html / 1_multimedia_and_embedding / 3_adding_vector_graphics_to_the_web

Summary

Adding vector graphics to the web

Node Tree

• images_on_web
  • vector
    • SVG
      • vector_graphics_editor
        • editor_examples
      • SVG_elements
        • basic_shapes
          • tag_rect
          • tag_circle
        • complex_shapes
          • tag_polygon
          • tag_path
      • XML_based
      • adding_SVG_to_pages
        • SVG_inline
        • cross_browser_support
          • srcset_attr
        • css_background_images
        • embed_iframe
        • img_element
          • srcset_attr
    • algorithms
  • defined_using
    • algorithms
    • grid_of_pixels
  • raster
    • grid_of_pixels

Nodes

images_on_web
content	Images on the Web
children	vector, defined_using, raster

raster
content	raster
children	grid_of_pixels
parents	images_on_web

vector
content	vector
children	SVG, algorithms
parents	images_on_web

defined_using
content	Defined Using
children	algorithms, grid_of_pixels
parents	images_on_web

algorithms
content	Algorithms
parents	vector, defined_using

grid_of_pixels
content	Grid of Pixels
parents	defined_using, raster

SVG
content	SVG
children	vector_graphics_editor, SVG_elements, XML_based, adding_SVG_to_pages
parents	vector

XML_based
content	XML based
parents	SVG

SVG_elements
content	SVG elements
children	basic_shapes, complex_shapes
parents	SVG

basic_shapes
content	Basic Shapes
children	tag_rect, tag_circle
parents	SVG_elements

complex_shapes
content	complex shapes
children	tag_polygon, tag_path
parents	SVG_elements

tag_circle
content	<circle>
parents	basic_shapes

tag_rect
content	<rect>
parents	basic_shapes

tag_path
content	<path>
parents	complex_shapes

tag_polygon
content	<polygon>
parents	complex_shapes

vector_graphics_editor
content	Vector Graphics Editor
children	editor_examples (examples)
parents	SVG

editor_examples
content	Inkscape, Illustrator
parents	vector_graphics_editor

adding_SVG_to_pages
content	Adding SVG to pages
children	SVG_inline, cross_browser_support, css_background_images, embed_iframe, img_element (quick way)
parents	SVG

css_background_images
content	As CSS background images
parents	adding_SVG_to_pages

SVG_inline
content	SVG inline / inlining SVG
parents	adding_SVG_to_pages

embed_iframe
content	Embed using iframe
parents	adding_SVG_to_pages

img_element
content	Using img element
children	srcset_attr
parents	adding_SVG_to_pages

srcset_attr
content	srcset attribute
parents	cross_browser_support, img_element

cross_browser_support
content	Cross Browser Support
children	srcset_attr
parents	adding_SVG_to_pages