Preferences
StudioWeb preferences control default behaviors for the editor, new objects, and canvas settings. Preferences are saved in your browser and persist across sessions.
Accessing Preferences
Edit → Preferences opens the Preferences dialog.
Click Reset Defaults to restore all settings to factory values.
Preference Categories
Editor Settings
Control the editing environment:
| Preference | Description | Default |
|---|---|---|
| Grid Spacing | Grid overlay interval in pixels | 20 |
| Snap Spacing | Snap-to-grid interval in pixels | 20 |
| Group Selection | How multi-object selection works | Standard |
| DDO Appearance | Rendering fidelity in editor | Full |
| Inactive Layer Color | Tint color for non-active layers | #666666 |
Format / Canvas Defaults
Defaults for new pages:
| Preference | Description | Default |
|---|---|---|
| Default Canvas Width | New page width | 800 |
| Default Canvas Height | New page height | 600 |
| Default Canvas BG | New page background color | #0f172a |
| Enter on Tab | Tab key submits input | No |
| Enter on Return | Return key submits input | Yes |
DDO Defaults
Defaults for new dynamic objects:
| Preference | Description | Default |
|---|---|---|
| DDO Foreground | Default text/stroke color | #ffffff |
| DDO Background | Default fill color | #000000 |
| DDO Font | Default font family and size | System default |
| DDO Enterable | Default input enabled | No |
Static Object Defaults
Defaults for new static objects (rectangle, ellipse, line, text, polygon):
| Preference | Description | Default |
|---|---|---|
| Foreground | Stroke/text color | #ffffff |
| Background | Fill color | #000000 |
| Font | Font family and size | System default |
| Line Style | Stroke pattern | Solid |
| Cap Style | Line endpoint style | Butt |
| Join Style | Corner join style | Miter |
| Dash Pattern | Custom dash array | — |
| Line Thickness | Stroke width | 1 |
| Fill Style | Interior fill mode | Solid |
| Fill Rule | Overlap fill rule | Evenodd |
UI Settings
| Preference | Description | Default |
|---|---|---|
| Bubble Help | Show tooltips on hover | Yes |
How Preferences Apply
- New objects inherit DDO or static defaults at creation time
- Existing objects are NOT affected when you change preferences
- New pages use canvas defaults (width, height, background)
- Grid/snap changes take effect immediately on the canvas
Persistence
- Preferences are stored in browser localStorage (key:
studioPreferences) - They survive page reloads and browser restarts
- They are browser-specific — different browsers have independent preferences
- Reset Defaults clears localStorage and restores factory settings
Tips
- Set your preferred colors and fonts before creating many objects — saves repetitive editing
- Match Grid Spacing and Snap Spacing for predictable alignment
- Set Snap Spacing to 0 to disable snap-to-grid entirely
- Use a larger grid (40–50px) for high-level layout, smaller (10–20px) for precise work
- Inactive Layer Color helps visually distinguish which layer you’re editing