🎨 SWCanvas Feature Showcase

Comprehensive demonstration of SWCanvas deterministic 2D rendering capabilities

About SWCanvas: A deterministic 2D raster engine that produces identical, pixel-perfect results across all platforms. This demo showcases the key features using the minified production build.

Note: SWCanvas focuses on graphics primitives - text rendering is not implemented, so section titles appear in HTML instead of on the canvas.
Render Time: -ms

🔷 Basic Shapes

  • Filled rectangles with solid colors
  • Stroked rectangles with various line widths
  • Complex polygon paths
  • Curved paths with arcs and beziers

🌈 Gradients & Patterns

  • Linear gradients with multiple color stops
  • Radial gradients with inner/outer circles
  • Conic gradients with sweep angles
  • Repeating image patterns

🔄 Transformations

  • Translation (position offset)
  • Rotation around pivot points
  • Scaling (uniform and non-uniform)
  • Combined transformation matrices

✂ī¸ Clipping & Masking

  • Rectangular clip regions
  • Complex path-based clipping
  • Nested clipping with intersections
  • Save/restore clip stack management

🖊ī¸ Stroke Styles

  • Various line caps (butt, round, square)
  • Line joins (miter, round, bevel)
  • Dashed line patterns with offsets
  • Sub-pixel stroke rendering

🎭 Alpha Blending

  • Semi-transparent overlays
  • Global alpha compositing
  • Source-over blending mode
  • Premultiplied alpha handling