Method init

src/worker/ChartGPUWorkerProxy.ts:393–432

* Initializes the worker chart instance. * Must be called before using the chart. * * @returns Promise that resolves when worker is ready

()

   * @returns Promise that resolves when worker is ready
   */
  async init(): Promise<void> {
    // Create OffscreenCanvas for worker rendering
    const canvas = document.createElement('canvas');
    canvas.style.display = 'block';
    canvas.style.width = '100%';
    canvas.style.height = '100%';
    this.container.appendChild(canvas);

    // Get canvas dimensions
    const rect = canvas.getBoundingClientRect();
    const dpr = window.devicePixelRatio || 1;
    const width = Math.max(1, Math.round(rect.width * dpr));
    const height = Math.max(1, Math.round(rect.height * dpr));

    canvas.width = width;
    canvas.height = height;
    
    // Set up event listeners on canvas BEFORE transferring to worker
    this.setupEventListeners(canvas);
    
    // Set up ResizeObserver and device pixel ratio monitoring BEFORE transferring canvas
    this.setupResizeObserver(canvas);
    this.setupDevicePixelRatioMonitoring();
    
    // Create DOM overlays AFTER canvas is in DOM (overlays need container)
    this.createOverlays();
    
    // Transfer canvas to worker
    const offscreenCanvas = canvas.transferControlToOffscreen();
    
    // Send init message and wait for ready response
    await this.sendMessageWithResponse<ReadyMessage>({
      type: 'init',
      chartId: this.chartId,
      messageId: generateMessageId(),
      canvas: offscreenCanvas,
      devicePixelRatio: dpr,
      options: this.cachedOptions,
    }, [offscreenCanvas]);
  }
  
  // =============================================================================
  // Event Forwarding to Worker