\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{beccam}
\pdfinfo{
  /Title (svg-cheat-sheet.pdf)
  /Creator (Cheatography)
  /Author (beccam)
  /Subject (SVG Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{A3A3A3}
\definecolor{LightBackground}{HTML}{F3F3F3}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{SVG Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{beccam} via \textcolor{DarkBackground}{\uline{cheatography.com/33170/cs/10320/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}beccam \\
  \uline{cheatography.com/beccam} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 9th January, 2017.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{2}

\begin{tabularx}{8.4cm}{x{1.44 cm} x{6.56 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Basic Shapes}}  \tn
% Row 0
\SetRowColor{LightBackground}
line & \{\{noshy\}\}`\textless{}line x1="{\emph{start-x}}" y1="{\emph{start-y}}" x2="{\emph{end-x}}" y2="{\emph{end-y}}"/\textgreater{}` \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\seqsplit{rectangle} & \{\{noshy\}\}`\textless{}rect x="{\emph{left-x}}" y="{\emph{top-y}}" width="{\emph{width}}" height="{\emph{height}}"/\textgreater{}` \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
circle & \{\{noshy\}\}`\textless{}circle cx="{\emph{center-x}}" cy="{\emph{center-y}}" r="{\emph{radius}}"/\textgreater{}` \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
\seqsplit{ellipse} & \{\{noshy\}\}`\textless{}ellipse cx="{\emph{center-x}}" cy="{\emph{center-y}}" rx="{\emph{x-radius}}" ry="{\emph{y-radius}}"/\textgreater{}` \tn 
% Row Count 12 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\seqsplit{polygon} & \{\{noshy\}\}`\textless{}polygon points="{\emph{points-list}}"/\textgreater{}` \tn 
% Row Count 14 (+ 2)
% Row 5
\SetRowColor{white}
\seqsplit{polyline} & \{\{noshy\}\}`\textless{}polyline points="{\emph{points-list}}"/\textgreater{}` \tn 
% Row Count 16 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Transformations}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`translate({\emph{x}}, {\emph{y}})` & \{\{noshy\}\}moves `{\emph{x}}`~horizontally, `{\emph{y}}`~vertically \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`scale({\emph{xFactor}}, {\emph{yFactor}})` & \{\{noshy\}\}multiplies by `{\emph{xFactor}}` and~`{\emph{yFactor}}` \tn 
% Row Count 7 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`scale({\emph{factor}})` & \{\{noshy\}\}equivalent to `scale({\emph{factor}},~{\emph{factor}})` \tn 
% Row Count 10 (+ 3)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}`rotate({\emph{angle}}, {\emph{centerX}}, {\emph{centerY}})` & \{\{noshy\}\}rotates by `{\emph{angle}}` degrees with center of rotation `({\emph{centerX}}, {\emph{centerY}})` \tn 
% Row Count 15 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`rotate({\emph{angle}})` & \{\{noshy\}\}equivalent to `rotate({\emph{angle}},~{\emph{0}},~{\emph{0}})` \tn 
% Row Count 18 (+ 3)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}`skewX({\emph{angle}})` & \{\{noshy\}\}skews {\emph{x}}-coordinates by `{\emph{angle}}`~degrees \tn 
% Row Count 21 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}`skewY({\emph{angle}})` & \{\{noshy\}\}skews {\emph{y}}-coordinates by `{\emph{angle}}`~degrees \tn 
% Row Count 24 (+ 3)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}`matrix({\emph{a}} {\emph{b}} {\emph{c}} {\emph{d}} {\emph{e}} {\emph{f}})` & \{\{noshy\}\}specifies a transformation matrix of six~values \tn 
% Row Count 28 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Angle Measurements}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{p{8.4cm}}{\vspace{1px}\centerline{\includegraphics[width=5.1cm]{/web/www.cheatography.com/public/uploads/beccam_1482569379_AnglesCircle.png}}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{\{\{noshy\}\}Angle measurements increase clockwise, starting from the positive~{\emph{x}}-axis.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Grouping and Referencing Objects}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}grouping & \{\{noshy\}\}`\textless{}g id="{\emph{id}}" style="{\emph{attributes}}"\textgreater{}\{\{nl\}\}\textless{}/g\textgreater{}` \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}use a group & \{\{noshy\}\}`\textless{}use xlink:href="\#{\emph{id}}" x="{\emph{x1}}" y="{\emph{y1}}"/\textgreater{}` \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}defining groups without displaying & \{\{noshy\}\}`\textless{}defs\textgreater{}\{\{nl\}\}\textless{}/defs\textgreater{}` \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}symbol & \{\{noshy\}\}`\textless{}symbol id="{\emph{id}}" style="{\emph{attributes}}" preserveAspectRatio="{\emph{attributes}}" viewBox="{\emph{x1}} {\emph{y1}} {\emph{x2}} {\emph{y2}}"\textgreater{}\{\{nl\}\}\textless{}/symbol\textgreater{}` \tn 
% Row Count 16 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4.32 cm} x{3.68 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Gradients}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}attributes} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`spreadMethod` & \{\{noshy\}\}`pad` \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
 & \{\{noshy\}\}`repeat` \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
 & \{\{noshy\}\}`reflect` \tn 
% Row Count 5 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`gradientTransform` & \{\{noshy\}\}`skewX` \tn 
% Row Count 7 (+ 2)
% Row 5
\SetRowColor{white}
 & \{\{noshy\}\}`skewY` \tn 
% Row Count 8 (+ 1)
% Row 6
\SetRowColor{LightBackground}
 & \{\{noshy\}\}`rotate` \tn 
% Row Count 9 (+ 1)
% Row 7
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}`\textless{}linearGradient\textgreater{}`~attributes} \tn 
% Row Count 10 (+ 1)
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}`x1~y1~x2~y2` & \{\{noshy\}\}`="{\emph{0-100\%}}"` \tn 
% Row Count 12 (+ 2)
% Row 9
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}`\textless{}radialGradient\textgreater{}`~attributes} \tn 
% Row Count 13 (+ 1)
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}`cx~cy~r~fx~fy` & \{\{noshy\}\}`="{\emph{0-100\%}}"` \tn 
% Row Count 16 (+ 3)
% Row 11
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}elements} \tn 
% Row Count 17 (+ 1)
% Row 12
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}stop\textgreater{}` & \{\{noshy\}\}`offset="{\emph{0-100\%}}"` \tn 
% Row Count 19 (+ 2)
% Row 13
\SetRowColor{white}
 & \{\{noshy\}\}`stop-color:` \tn 
% Row Count 21 (+ 2)
% Row 14
\SetRowColor{LightBackground}
 & \{\{noshy\}\}`stop-opacity: {\emph{0.0-1.0}}` \tn 
% Row Count 23 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Clipping and masking}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}clipping} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`\textless{}clipPath\textgreater{}` & `id`, `clipPathUnits` \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}`\textless{}use xlink:href="\#{\emph{imageid}}" style="clip-path:~url(\#{\emph{pathid}});"/\textgreater{}`} \tn 
% Row Count 5 (+ 2)
% Row 3
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}masking} \tn 
% Row Count 6 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}mask\textgreater{}` & \{\{noshy\}\}`id`, `x`, `y`, `width`,~`height` \tn 
% Row Count 9 (+ 3)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}`clipPathUnits`\{\{nl\}\}`maskUnits`\{\{nl\}\}`maskContentUnits` & \{\{noshy\}\}`objectBoundingBox`, `userSpaceOnUse` \tn 
% Row Count 13 (+ 4)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}`style` & \{\{noshy\}\}`mask: url(\#{\emph{maskid}})` \tn 
% Row Count 15 (+ 2)
% Row 7
\SetRowColor{white}
 & \{\{noshy\}\}`fill-opacity: 0.0-1.0` \tn 
% Row Count 17 (+ 2)
% Row 8
\SetRowColor{LightBackground}
 & \{\{noshy\}\}`fill: {\emph{color}}` ; white specified for opacity~only \tn 
% Row Count 21 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Filters}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}filter\textgreater{}` & \{\{noshy\}\}`x`, `y`, `width`, `height` \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`filterUnits`\{\{nl\}\}`primitiveUnits` & \{\{noshy\}\}`objectBoundingBox`, `userSpaceOnUse` \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}feGaussianBlur\textgreater{}` & \{\{noshy\}\}can create a drop shadow \tn 
% Row Count 7 (+ 2)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}`in` & \{\{noshy\}\}`SourceAlpha`, `SourceGraphic` \tn 
% Row Count 9 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`stdDeviation` & \{\{noshy\}\}`{\emph{blur}}` or `{\emph{x-blur y-blur}}` \tn 
% Row Count 11 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.92 cm} x{4.08 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Stroke Attributes}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`style="{\emph{attribute}}:{\emph{value}}"` & \{\{noshy\}\}specify stroke attributes in~`style` \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`stroke` & \{\{noshy\}\}stroke color; default is~`none` \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`stroke-width` & \{\{noshy\}\}width of stroke; default~is~`one` \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}`stroke-opacity` & \{\{noshy\}\}a value between `0.0`~(transparent) and `1.0`~(opaque,~the~default) \tn 
% Row Count 14 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`stroke-dasharray` & \{\{noshy\}\}a list of the lengths of dashes and gaps; default is~`none` \tn 
% Row Count 18 (+ 4)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}`stroke-linecap` & \{\{noshy\}\}specifies shape of endpoints: `butt` (default), `round`, or~`square` \tn 
% Row Count 23 (+ 5)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}`stroke-linejoin` & \{\{noshy\}\}specifies shape of corners: `miter` (pointed, the default), `round`, or `bevel`~(flat) \tn 
% Row Count 28 (+ 5)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}`stroke-miterlimit` & \{\{noshy\}\}maximum ratio of length of the miter point to width of the lines; default is~`4` \tn 
% Row Count 33 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.92 cm} x{4.08 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Fill Attributes}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`style="{\emph{attribute}}:{\emph{value}}"` & \{\{noshy\}\}specify fill attributes in~`style` \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`fill` & \{\{noshy\}\}fill color; default is~`black` \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`fill-opacity` & \{\{noshy\}\}a value between `0.0`~(transparent) and `1.0`~(opaque,~the~default) \tn 
% Row Count 11 (+ 5)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}`fill-rule` & \{\{noshy\}\}determines whether a point is inside a shape; `nonzero` (default) or~`evenodd` \tn 
% Row Count 16 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{1.292 cm} x{3.116 cm} x{3.192 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Paths}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{3}{x{8.4cm}}{\{\{noshy\}\}`\textless{}path d="{\emph{command}} {\emph{arguments}}"/\textgreater{}`} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{3}{x{8.4cm}}{\{\{noshy\}\}uppercase commands: absolute coordinates} \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{3}{x{8.4cm}}{\{\{noshy\}\}lowercase commands: relative coordinates} \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}Command & \{\{noshy\}\}Arguments & \{\{noshy\}\}Effect \tn 
% Row Count 6 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`M m` & \{\{noshy\}\}`{\emph{x}} {\emph{y}}` & \{\{noshy\}\}move to~(`{\emph{x}}`,~`{\emph{y}}`) \tn 
% Row Count 9 (+ 3)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}`L l` & \{\{noshy\}\}`{\emph{x}} {\emph{y}}` & \{\{noshy\}\}line to~(`{\emph{x}}`,~`{\emph{y}}`) \tn 
% Row Count 12 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}`Z` &  & \{\{noshy\}\}close path \tn 
% Row Count 14 (+ 2)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}`H h` & \{\{noshy\}\}`{\emph{x}}` & \{\{noshy\}\}horizontal line to~`{\emph{x}}` \tn 
% Row Count 17 (+ 3)
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}`V v` & \{\{noshy\}\}`{\emph{y}}` & \{\{noshy\}\}vertical line to~`{\emph{y}}` \tn 
% Row Count 20 (+ 3)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}`A a` & \{\{noshy\}\}`{\emph{rx}} {\emph{ry}} {\emph{x-axis-rotation}} {\emph{large-arc}} {\emph{sweep}} {\emph{x}} {\emph{y}}` & \{\{noshy\}\}elliptical arc to~(`{\emph{x}}`,~`{\emph{y}}`); points lie on ellipse with {\emph{x}}-radius `{\emph{rx}}`, {\emph{y}}-radius `{\emph{ry}}`, rotated `{\emph{x-axis-rotation}}` degrees; if arc~\textless{}~180°, `{\emph{large-arc}}` is `0`; if arc direction is positive, `{\emph{sweep}}` is~`1` \tn 
% Row Count 36 (+ 16)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{1.292 cm} x{3.116 cm} x{3.192 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Paths (cont)}}  \tn
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}`Q q` & \{\{noshy\}\}`{\emph{x1}} {\emph{y1}} {\emph{x}} {\emph{y}}` & \{\{noshy\}\}quadratic Bézier curve to (`{\emph{x}}`,~`{\emph{y}}`) using control point~(`{\emph{x1}}`,~`{\emph{y1}}`) \tn 
% Row Count 7 (+ 7)
% Row 11
\SetRowColor{white}
\{\{noshy\}\}`T t` & \{\{noshy\}\}`{\emph{x}} {\emph{y}}` & \{\{noshy\}\}quadratic Bézier curve to (`{\emph{x}}`,~`{\emph{y}}`) using reflection of previous `Q`'s control~pt \tn 
% Row Count 14 (+ 7)
% Row 12
\SetRowColor{LightBackground}
\{\{noshy\}\}`C c` & \{\{noshy\}\}`{\emph{x1}} {\emph{y1}} {\emph{x2}} {\emph{y2}} {\emph{x}} {\emph{y}}` & \{\{noshy\}\}cubic Bézier curve to (`{\emph{x}}`,~`{\emph{y}}`) using control pt~1~(`{\emph{x1}}`,~`{\emph{y1}}`) and control pt~2~(`{\emph{x2}}`,~`{\emph{y2}}`) \tn 
% Row Count 24 (+ 10)
% Row 13
\SetRowColor{white}
\{\{noshy\}\}`S s` & \{\{noshy\}\}`{\emph{x2}} {\emph{y2}} {\emph{x}} {\emph{y}}` & \{\{noshy\}\}cubic Bézier curve to (`{\emph{x}}`,~`{\emph{y}}`) using reflection of previous `C`'s control pt for control pt~1 and (`{\emph{x2}}`,~`{\emph{y2}}`) for control pt~2 \tn 
% Row Count 35 (+ 11)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Text}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}text~x="{\emph{x}}"~y="{\emph{y}}"\textgreater{}\{\{nl\}\}displayed\textless{}/text\textgreater{}` & \{\{noshy\}\}"`d`" baseline ({\emph{x}},~{\emph{y}}) \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`font-family` & \{\{noshy\}\}`serif,~sans-serif, monospace, fantasy,~cursive` \tn 
% Row Count 8 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`font-size` & \{\{noshy\}\}`pt, em, ex,~\%` \tn 
% Row Count 10 (+ 2)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}`font-weight` & \{\{noshy\}\}`bold, normal` \tn 
% Row Count 12 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}`font-style` & \{\{noshy\}\}`italic, normal` \tn 
% Row Count 14 (+ 2)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}`text-decoration` & \{\{noshy\}\}`none, underline, overline,~line-through` \tn 
% Row Count 17 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}`word-spacing` & \{\{noshy\}\}`{\emph{+length}}, normal, {\emph{−length}}` \tn 
% Row Count 20 (+ 3)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}`letter-spacing` & \{\{noshy\}\}`{\emph{+length}}, normal, {\emph{−length}}` \tn 
% Row Count 23 (+ 3)
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}`text-anchor` & \{\{noshy\}\}`start, middle, end` \tn 
% Row Count 25 (+ 2)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}`textLength` & \{\{noshy\}\}`{\emph{value}}` \tn 
% Row Count 27 (+ 2)
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}`lengthAdjust` & \{\{noshy\}\}`spacing`~(def), `spacingAndGlyphs` \tn 
% Row Count 30 (+ 3)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Text (cont)}}  \tn
% Row 11
\SetRowColor{LightBackground}
\{\{noshy\}\}`writing-mode` & \{\{noshy\}\}`tb` \tn 
% Row Count 2 (+ 2)
% Row 12
\SetRowColor{white}
\{\{noshy\}\}`glyph-orientation-vertical` & \{\{noshy\}\}`0` (`letter-spacing:{\emph{−\#}}`), `90`~(def) \tn 
% Row Count 5 (+ 3)
% Row 13
\SetRowColor{LightBackground}
\{\{noshy\}\}`direction` & \{\{noshy\}\}`rtl`,~`ltr` \tn 
% Row Count 7 (+ 2)
% Row 14
\SetRowColor{white}
\{\{noshy\}\}`unicode-bidi` & \{\{noshy\}\}`bidi-override` \tn 
% Row Count 9 (+ 2)
% Row 15
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}`\textless{}text\textgreater{}\{\{nl\}\}\textless{}textPath xlink:href="\#{\emph{path-id}}"\textgreater{}text\textless{}/textPath\textgreater{}\{\{nl\}\}\textless{}/text\textgreater{}`} \tn 
% Row Count 11 (+ 2)
% Row 16
\SetRowColor{white}
\{\{noshy\}\}`startOffset=""` & \{\{noshy\}\}`{\emph{val}}`,~`{\emph{val}}\%` \tn 
% Row Count 13 (+ 2)
% Row 17
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{\{\{noshy\}\}`\textless{}tspan style="{\emph{attributes}}"\textgreater{}spanned text\textless{}/tspan\textgreater{}`} \tn 
% Row Count 15 (+ 2)
% Row 18
\SetRowColor{white}
\{\{noshy\}\}`dx="{\emph{x}}"` or `dy="{\emph{y}}"` & \{\{noshy\}\}offset chars by {\emph{x}} or~{\emph{y}} \tn 
% Row Count 17 (+ 2)
% Row 19
\SetRowColor{LightBackground}
\{\{noshy\}\}`x="{\emph{x}}"` or `y="{\emph{y}}"` & \{\{noshy\}\}place chars at {\emph{x}} or~{\emph{y}} \tn 
% Row Count 19 (+ 2)
% Row 20
\SetRowColor{white}
\{\{noshy\}\}`rotate="{\emph{angle}}"` & \{\{noshy\}\}rotate chars by~{\emph{angle}} \tn 
% Row Count 21 (+ 2)
% Row 21
\SetRowColor{LightBackground}
\{\{noshy\}\}`baseline-shift` & \{\{noshy\}\}`super, sub, em,~\%` \tn 
% Row Count 23 (+ 2)
% Row 22
\SetRowColor{white}
\{\{noshy\}\}`xml:space=""` & \{\{noshy\}\}`default`,~`preserve` \tn 
% Row Count 25 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}