fix(CanvasView): allow setting canvas element

Kitware · Dec 27, 2024 · 1fc265e · 1fc265e
1 parent 89758ed
commit 1fc265e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/Sources/Rendering/Misc/CanvasView/index.js b/Sources/Rendering/Misc/CanvasView/index.js
@@ -148,8 +148,10 @@ export function extend(publicAPI, model, initialValues = {}) {
   Object.assign(model, DEFAULT_VALUES, initialValues);
 
   // Create internal instances
-  model.canvas = document.createElement('canvas');
-  model.canvas.style.width = '100%';
+  if (!model.canvas) {
+    model.canvas = document.createElement('canvas');
+    model.canvas.style.width = '100%';
+  }
 
   // Create internal bgImage
   model.bgImage = new Image();

diff --git a/Sources/Rendering/Misc/RemoteView/index.d.ts b/Sources/Rendering/Misc/RemoteView/index.d.ts
@@ -13,6 +13,7 @@ interface IRemoteViewInitialValues {
   rpcGestureEvent?: any;
   rpcWheelEvent?: any;
   viewStream?: vtkViewStream;
+  canvasElement?: HTMLCanvasElement;
 }
 
 export interface vtkRemoteView extends vtkObject {
@@ -22,12 +23,17 @@ export interface vtkRemoteView extends vtkObject {
   getContainer(): HTMLElement;
 
   /**
-   *
+   * Get vtk viewstream
    */
   getViewStream(): vtkViewStream;
 
   /**
-   *
+   * Get canvas HTML element
+   */
+  getCanvasElement(): HTMLCanvasElement;
+
+  /**
+   * Get canvas view object
    */
   getCanvasView(): vtkCanvasView;
 

diff --git a/Sources/Rendering/Misc/RemoteView/index.js b/Sources/Rendering/Misc/RemoteView/index.js
@@ -17,7 +17,9 @@ function vtkRemoteView(publicAPI, model) {
   model.classHierarchy.push('vtkRemoteView');
 
   // Constructor
-  model.canvasView = vtkCanvasView.newInstance();
+  model.canvasView = vtkCanvasView.newInstance({
+    canvas: model.canvasElement,
+  });
   model.interactorStyle = vtkInteractorStyleRemoteMouse.newInstance();
 
   model.interactor = vtkRenderWindowInteractor.newInstance();
@@ -201,6 +203,7 @@ const DEFAULT_VALUES = {
   rpcMouseEvent: 'viewport.mouse.interaction',
   rpcGestureEvent: null,
   rpcWheelEvent: null,
+  canvasElement: null,
 };
 
 // ----------------------------------------------------------------------------
@@ -219,6 +222,7 @@ export function extend(publicAPI, model, initialValues = {}) {
     'interactiveRatio',
     'stillQuality',
     'stillRatio',
+    'canvasElement',
   ]);
   macro.setGet(publicAPI, model, [
     'session',