Skip to main content

Type Alias: RegisterSceneCanvasView()

RegisterSceneCanvasView = (canvas) => Promise<void>

Function

Adds a new viewing canvas that shows the same 3D product from the same camera angle.

This action creates an additional view of the product that shares the main camera position. It's like adding a second monitor that shows the same content - both views stay synchronized as the camera moves, but they can be displayed in different locations or at different sizes in your interface.

Business value:

  • Enables side-by-side comparison views of the same product
  • Supports picture-in-picture or detail views alongside the main product view
  • Creates synchronized product views for different screen regions or devices
  • Allows innovative UI layouts with multiple perspectives on the product

Parameters​

canvas​

HTMLCanvasElement

The HTML canvas element where the additional view should appear

Returns​

Promise<void>

Example​

// Create a picture-in-picture thumbnail view of the product
const thumbnailCanvas = document.getElementById('product-thumbnail');
window.mimeeqApp.actions.registerSceneCanvasView(thumbnailCanvas);