Module Deep Dive

Product Designer Canvas

Explore the high-performance editor canvas driving customer personalization directly in the web browser.

Core Mechanics

Three structural modules that enable lightning fast layouts compilation.

Vector-Based Layers

Full objects stacking index. Customer text variables, uploaded PNGs, and default clipart assets are isolated as editable vector nodes.

Text Path Bending

Programmatic text path curves rendering. Bends text layers dynamically over customizable arcs and circular borders.

Clipping Mask Bounds

Strict boundary locks. Automatically prevents clipart items and uploaded photos from leaking outside printable design coordinates.

Admin Control & Template Settings

Store operators define editable canvas dimensions, restrict canvas options, map colors list limits, and toggle locking locks per dynamic element directly within the WordPress dashboard portal.

  • Define custom printable grids with width/height settings.
  • Lock logo assets and static design elements from client moves.
  • Cache vector assets on CDN hubs to accelerate canvas loadtimes.
Canvas Rules Config
{
  "canvas": {
    "width": 800,
    "height": 600,
    "dpi": 300,
    "lockAspect": true
  },
  "permissions": {
    "allowUploads": true,
    "maxUploadSize": 5242880,
    "restrictColors": ["#EF4444", "#1D72FF", "#000000"]
  }
}