The Three-Stroke Problem
Summary
This article explores the Three-Stroke Problem in Penpot's rendering pipeline, explaining inner, center, and outer strokes across CSS, SVG, and Skia (via WebGL). It provides code examples and discusses how the WebGL renderer enables more flexible stroke rendering than SVG, with notes on future features like stroke-to-path and per-side strokes.