CanvasButton Test Page

Button Creator

Create Custom Button

Button Text

Width (px)

Height (px)

Background Color

Text Color

Border Radius (px)

Top Left Radius

Top Right Radius

Bottom Right Radius

Bottom Left Radius

Font Size (px)

Hover Color

Pressed Color

Selected Color

Disabled Color

Text Alignment

Text Baseline

Text X Offset (px)

Text Y Offset (px)

Pulse Color

Enable Pulse

Shadow Blur (px)

Shadow X Offset (px)

Shadow Y Offset (px)

Shadow Color

Border Color

Side Border Color

Side Border Width

Side Border Sides

Move On Press

Highlight Effect

Highlight Direction

Marquee Enabled

Marquee Speed

Marquee Direction

Marquee Gap (px)

Sprite Scale

Preview will appear here

State Preview

Normal

Hover

Pressed

Selected

Disabled

Specific Examples

State Showcase (Non-Interactive)

Each row shows the same button in three different states (no interaction)

Custom Border Radius (Per Corner)

Demonstrating individual corner radius control

Basic Buttons

Colored Buttons

Buttons with Text Effects

Button States

Size Variations

Interactive Features

Event Log

Ready Click any button to see events...