labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
Guide
Videos
Walkthroughs
FAQ
Newsletter Archive
Documents
Classroom
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Guide
Videos
Walkthroughs
FAQ
Newsletter Archive
Documents
Classroom
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Guide
    • GETTING STARTED

      • Task Editor
      • Frames
        • Canvas Frame
        • Page Frame
        • Website Frame
      • Trial Timeline
      • Stimulus Presentation
      • Correctness of Response
      • Objects
      • Events
      • Variables
      • Task Wizard
      • Trial System
      • Experiment Design
        • Creating a Study
        • Data Frame Patterns
        • Multi-user Experiment Design
        • Longitudinal Experiment Design
    • FEATURED TOPICS

      • Randomization & Balance
      • Eye Tracking
        • Presenting Stimuli in an Eye Tracking Task
        • How to Choose Eye Tracking Calibration Settings
        • Setting Up Eye Tracking in a Task
        • Recording and Exporting Gaze Data
        • Using Shapes as Areas of Interest (AOI) for Eye Tracking
        • The Participant Calibration Experience
      • Web Bridge
        • Selecting Website AOIs | Anchor, Adjust, and Verify AOI Tracking
        • Tracking Mouse Behavior on a Website AOI | Web Bridge Guide
      • Questionnaires
      • Desktop App
      • Sample Studies
      • Participant Recruitment
      • API Access
        • REST API
        • Webhook API
        • WebSocket API
      • Other Topics

        • Precise Stimulus Timings
        • Multi User Studies
        • Head Tracking in Labvanced | Guide
    • MAIN APP TABS

      • Overview: Main Tabs
      • Dashboard
      • My Studies
      • Shared Studies
      • My Files
      • Experiment Library
      • My Account
      • License & Services
    • STUDY TABS

      • Overview: Study-Specific Tabs
      • Study Design
        • Tasks
        • Blocks
        • Sessions
        • Groups
      • Task Editor
        • Task Controls
        • The Trial System
        • Frame Types
        • Objects
        • Object Property Tables
        • Variables
        • System Variables Table
        • The Event System
        • Text Editor Functions
        • Eye Tracking Options in the Task Editor
        • Head Tracking in a Task
        • Multi-User Studies
      • Settings
      • Variables
      • Media
      • Texts & Translate
      • Launch & Participate
      • Subject Management
      • Dataview and Export
        • Dataview and Variable & Task Selection (OLD Version)
        • Accessing Recordings (OLD Version)
  • Videos
    • Video Overview
    • Getting Started in Labvanced
    • Creating Tasks
    • Element Videos
    • Events & Variables
    • Advanced Topics
  • Walkthroughs
    • Introduction
    • Stroop Task
    • Lexical Decision Task
    • Posner Gaze Cueing Task
    • Change Blindness Flicker Paradigm
    • Eye-tracking Sample Study
    • Infant Eye-tracking Study
    • Attentional Capture Study with Mouse Tracking
    • Rapid Serial Visual Presentation
    • ChatGPT Study
    • Eye Tracking Demo: SVGs as AOIs
    • Multi-User Demo: Show Subjects' Cursors
    • Gamepad / Joystick Controller- Basic Set Up
    • Desktop App Study with EEG Integration
    • Between-subjects Group Balancing and Variable Setup
    • Building a Multi-user Study
    • Website Frame Eye Tracking Walkthrough
    • Conditional Webcam Eye Tracking
  • FAQ
    • Features
    • Support Policy & Guidelines
    • Security & Data Privacy
    • Licensing
    • Precision of Labvanced
    • Programmatic Use & API
    • Using Labvanced Offline
    • Troubleshooting
    • Study Creation Questions
  • Newsletter Archive
  • Documents
  • Classroom
Illustration of the Canvas Frame in Labvanced, showing freely positioned objects on a blank canvas

Canvas Frame

A Canvas Frame gives free control over layout: objects can be positioned anywhere on the frame, at exact coordinates, and rescaled or moved with drag and drop. Use this frame type when the precise position of your stimuli matters, for example in visual perception tasks, reaction time tasks, or any study where fine-grained control over where things appear on screen is needed. This positioning also stays under event control after the frame is built, for example an object's x, y, width, and height can be set or changed by events, which is not the case for objects placed on a Page Frame.

Note

For studies that need to collect behavioral data on a real external or custom website instead of Labvanced-built stimuli, a Website Frame is used instead of either Canvas or Page Frame.

The canvas can also be zoomed in and out with the mouse scroll wheel, or a two-finger scroll gesture on a trackpad, useful when working with precisely positioned small elements. If you are on a MacOS, you may need to review your system settings under Settings -> Appearance -> Show scrollbards.

Canvas Frame properties

Set in the Frame Settings panel:

  • Name: a label to identify the frame within your task (participants never see it)
  • Duration: an optional fixed display time in milliseconds; if left unset, the frame stays on screen until an event or action advances it
  • Color: the frame's background color (default: White)
  • Hide Mouse: hides the participant's cursor while the frame is active
  • Width and Height: the size of the frame, in Design Units (Canvas Frame only)
  • Sync Frame Start: appears only once the task is converted to a multi-user experiment (shared with Page Frame, not available on Website Frame); when enabled, the frame waits for every participant in the group to be ready before starting, instead of each participant starting it independently. See Multi-User Experiment Design for how this fits into a joint study.

When to use Canvas over Page

Choose a Canvas Frame when stimulus position or timing precision matters to the design, reaction time tasks, visual search, spatial cueing, anything where "where on screen" is part of what's being measured. For form-like, top-to-bottom content such as questionnaires or instructions, a Page Frame is usually the better fit.

Why a Trial Can Look Generic: the Trial System

Opening a study from the Library, the objects on a Canvas Frame can sometimes look generic: placeholder shapes, plain colors, or default text rather than the study's real stimuli. This happens when the study sets its actual stimuli per condition rather than directly on the frame; what's showing is the Default Trial, a default template for the trial, before any condition-specific content has been applied.

Condition-specific content comes from the Trial System: factors and levels are crossed to generate conditions, and an object on a Canvas Frame, its position, uploaded image, color, or text, can be set to a different value in each condition. The frame itself still shows its default objects until a condition is selected; clicking a specific row in the condition table swaps those objects to that condition's actual values.

Canvas Frame showing a trial's default, generic objects before a condition is selected
A Canvas Frame in its default trial state, also known as the Default Trial, before a condition is selected.

Canvas Frame showing condition-specific stimuli after selecting a condition in the Trial System
The same Canvas Frame after selecting a specific condition, showing that condition's actual stimuli.

The Balloon Analog Risk Task (BART) is a live example of this: the balloon's color and pop risk are condition-specific values driven by the Trial System, not properties set once on the default trial.

Balloon Analog Risk Task (BART)

This study measures risk-taking behavior using the BART. Participants pump a virtual balloon to accumulate earnings, balancing potential reward against the risk of the balloon popping and losing all gains for that trial. Pump count, trial outcome, and earnings are recorded as performance indicators.



Further Reading

Illustration of the three frame types in Labvanced: Canvas, Page, and Website Frame

Frames

The hub for all frame types and the properties every frame shares.

Illustration of the Page Frame in Labvanced, showing objects stacked automatically top to bottom

Page Frame

The automatic top-to-bottom layout frame type, for questionnaires and form-like content.

Illustration of the Website Frame in Labvanced, showing a real external website embedded in a study

Website Frame

Embeds a real external website in the study, for behavioral data collection on an external or custom site.

Illustration of the Labvanced event system, showing triggers and actions

The Event System

Triggers and actions that control stimulus presentation, record variables, and advance frames.

Trial Timeline

How frames are sequenced and repeated within a trial, and the Trial System's per-condition editing.

The Trial System

How factors and levels cross to create conditions, and how the Default Trial relates to condition-specific content.

Next
Page Frame