---
title: "Canvas & Preview Integration"
type: summary
tags: [docs, official-source, sdk_guides]
created: 2026-07-01
updated: 2026-07-01
sources: ["raw/docs/sdk-guides__canvas-integration.md"]
confidence: high
---

# Canvas & Preview Integration

## Key Points

- Official docs page: https://hyperframes.heygen.com/sdk/guides/canvas-integration.md
- Docs-index description: Connect a same-origin composition iframe to the SDK for hit-testing, draft preview, and selection.
- Category: `sdk-guides`.
- Main headings: Canvas & Preview Integration, Embedding the composition, Hit-testing: finding what the user clicked, Draft loop: 60fps drag without model mutations, Selection, Pairing with embedded override mode, What to build next.

## Relevant Concepts

- [[concepts/sdk]]

## Source Metadata

- Source URL: https://hyperframes.heygen.com/sdk/guides/canvas-integration.md
- Raw file: `raw/docs/sdk-guides__canvas-integration.md`
- Ingested: 2026-07-01
- Description from docs index: Connect a same-origin composition iframe to the SDK for hit-testing, draft preview, and selection.