SVG

[ajhsu]

Random notes

• SVG provides elements for primitive geometries, just like HTML provides element for headers, paragraphs, tables, and so on.
• SVG support DOM interface
• <g> for grouping shapes
  • <g> is also ideal for creating layers
• SVG supports gradients, rotations, filter effects, animations, interactivity with JavaScript
• SVG elements and attributes are case-sensitive like XML.
• Attribute values in SVG must be placed inside quotes, even if they are numbers.
• The "xmlns" (namespace declarations) attribute is mainly to tell the user agent which spec is used to parse/understand the content inside the XML.
• The idea of the "user unit <-> screen unit" or "user pixel <-> screen pixel".
• "user coordinate system = user pixel -> screen pixel", default to 1:1.