add stroke

talk/talk.tex

@@ -81,10 +81,45 @@
   \url{https://issues.skia.org/issues/40043907}: Filled paths of width less than 1px defeat GPU anti-aliasing\\[5mm]
 
   \onslide<2->{
-  Chrome vs. Inkscape:
+  Chrome vs. Inkscape:\\[5mm]
   \includegraphics[width=\linewidth]{chromevsinkscape.png}
   }
 
 \end{frame}
 
+\begin{frame}
+  \frametitle{But why?}
+
+  \begin{columns}
+    \begin{column}{0.4\textwidth}
+      \begin{itemize}[<+->]
+        \item Skia renders by tesselating 2D paths (turn into triangles)
+        \item Use 3D pipeline for rendering (rasterization of triangles)
+        \item MSAA for anti-aliasing
+        \item Thin paths can ``snake'' through the sample points
+        \item Use ``analytic anti-aliasing'' (compute exact overlap of path with pixel)
+        \item Difficult on GPU
+      \end{itemize}  
+    \end{column}
+    \begin{column}{0.6\textwidth}
+      \only<1-2>{
+      \includegraphics[width=\linewidth]{tess.pdf}
+
+      \scriptsize{Source: \url{https://docs.rs/lyon_tessellation}}
+      }%
+      \only<3>{
+      \includegraphics[width=.8\linewidth]{anti_aliasing_rasterization_samples_filled.png}
+
+      \scriptsize{Source: \url{https://learnopengl.com/Advanced-OpenGL/Anti-Aliasing}}
+      }%
+      \only<4->{
+      \includegraphics[width=\linewidth]{strokemsaa.pdf}\\[5mm]
+      \includegraphics[width=\linewidth]{chromevsinkscape.png}
+      }
+    \end{column}
+  \end{columns}
+
+
+\end{frame}
+
 \end{document}
\ No newline at end of file

talk/test.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 502.60001 262.39999"
+   height="262.39999"
+   width="502.60001"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="test.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25)"
+   inkscape:export-filename="tess.pdf"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     id="namedview18"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.1066667"
+     inkscape:cx="181.62651"
+     inkscape:cy="-197.89157"
+     inkscape:window-width="1264"
+     inkscape:window-height="919"
+     inkscape:window-x="2743"
+     inkscape:window-y="424"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg18" />
+  <path
+     style="fill:none;stroke:#ff9955"
+     d="m 302.4,19.499998 186.8,11.2 -213.6,25.9 196.8,12.7 L 287.3,110.7 479.7,135.1 274.2,145.4 468.3,178.8 371,204.3 274.1,145.4"
+     id="path1" />
+  <path
+     style="fill:#ffb380;stroke:none"
+     d="M 15.1,194.1 0,145.4 13,111 1.5,56.799998 l 26.7,-37.1 73.2,-19.19999971 114.4,30.39999971 -17,38 1.1,15.3 13.4,-8.1 14.8,6.8 -5.2,48.200002 -16.8,4.8 -11.4,43.5 -40.4,29.9 -31.3,-3 v 28.2 l 19,8.3 -44.2,19 -10.6,-25.1 9.9,-3.8 v -28.2 z"
+     id="path2" />
+  <path
+     style="fill:#de8787;stroke:none"
+     d="M 62.4,81.899998 64.6,149.8 l 49.6,0.7 13.7,-22.9 -20.6,-3.8 -4.5,-44.200002 -17.5,-13.7 z"
+     id="path3" />
+  <path
+     style="fill:#a02c2c;stroke:none"
+     d="m 64.74845,169.74089 61.08369,3.05419 -13.74383,15.27092 -33.59604,-3.05418 z"
+     id="path4" />
+  <path
+     style="fill:#784421;stroke:none"
+     d="m 132.93475,74.434498 20.51653,4.85918 -5.39908,30.774802 -12.68786,-1.88968 z"
+     id="path5" />
+  <path
+     style="fill:#784421;stroke:none"
+     d="m 34.4,110.8 9.4,-3.2 3.7,-30.700002 -13.2,8.6 z"
+     id="path6" />
+  <path
+     style="fill:none;stroke:#ff9955;stroke-linecap:round;stroke-linejoin:round"
+     d="m 289.2,194.1 -15.1,-48.7 13,-34.4 -11.5,-54.200002 26.7,-37.1 73.2,-19.19999971 114.4,30.39999971 -17,38 1.2,15.3 13.2,-8 14.8,6.8 -5.2,48.200002 -16.8,4.8 -11.4,43.5 -40.4,29.9 -31.3,-3 v 28.2 l 19,8.3 -44.2,19 -10.6,-25.1 9.9,-3.8 v -28.2 z"
+     id="path7" />
+  <path
+     style="fill:none;stroke:#de8787;stroke-linecap:round;stroke-linejoin:round"
+     d="m 336.5,81.899998 2.2,67.900002 49.6,0.7 13.7,-22.9 -20.6,-3.8 -4.5,-44.200002 -17.5,-13.7 z"
+     id="path8" />
+  <path
+     style="fill:none;stroke:#a02c2c;stroke-linecap:round;stroke-linejoin:round"
+     d="m 338.8,169.7 61,3 -13.7,15.2 -33.5,-3 z"
+     id="path9" />
+  <path
+     style="fill:none;stroke:#803300;stroke-linecap:round;stroke-linejoin:round"
+     d="m 407,74.399998 20.5,4.8 -5.3,30.700002 -12.6,-1.8 z"
+     id="path10" />
+  <path
+     style="fill:none;stroke:#803300;stroke-linecap:round;stroke-linejoin:round"
+     d="m 308.5,110.8 9.4,-3.2 3.7,-30.700002 -13.2,8.6 z"
+     id="path11" />
+  <path
+     style="fill:none;stroke:#803300;stroke-linecap:round;stroke-linejoin:round"
+     d="M 308.5,85.199998 317.8,107.4"
+     id="path12" />
+  <path
+     style="fill:none;stroke:#de8787;stroke-linecap:round;stroke-linejoin:round"
+     d="m 336.8,82.099998 40.2,-2.5 -38.3,70.100002 42.6,-25.9 6.6,26.5"
+     id="path13" />
+  <path
+     style="fill:none;stroke:#803300;stroke-linecap:round;stroke-linejoin:round"
+     d="M 427.4,79.199998 409.8,107.8"
+     id="path14" />
+  <path
+     style="fill:none;stroke:#a02c2c;stroke-linecap:round;stroke-linejoin:round"
+     d="m 399.3,172.7 -46.7,12.2"
+     id="path15" />
+  <path
+     style="fill:none;stroke:#ff9955;stroke-linecap:round;stroke-linejoin:round"
+     d="M 496.7,130.8 474.2,83.899998 479.9,135.6"
+     id="path16" />
+  <path
+     style="fill:none;stroke:#ff9955;stroke-linecap:round;stroke-linejoin:round"
+     d="m 468.2,179 -71,27.1 -26.1,-1.7 25.3,30.1 -25.1,-1.7 44,10.3 -53.8,-6.1"
+     id="path17" />
+</svg>