Class: SliceView

Defined in: src/display/SliceView.ts:32

SliceView manages a PIXI.js Application to display slices from one or more volumetric datasets. It:

• Holds a mainContainer for each sprite/layer
• Maintains a CoordinateTransformer for screen↔volume coords
• Listens to a SliceModel for current slice index or 3D coord

Implements

• ISliceView

Properties

app

app: Application;

Defined in: src/display/SliceView.ts:33

---

mainContainer

mainContainer: Container;

Defined in: src/display/SliceView.ts:34

---

overlayContainer

overlayContainer: Container;

Defined in: src/display/SliceView.ts:38

---

slider

slider: HTMLInputElement | null = null;

Defined in: src/display/SliceView.ts:40

---

coordinateTransformer

coordinateTransformer: CoordinateTransformer;

Defined in: src/display/SliceView.ts:41

---

domElement

domElement: HTMLElement;

Defined in: src/display/SliceView.ts:42

---

layers

layers: SliceLayer[] = [];

Defined in: src/display/SliceView.ts:44

Accessors

width

Get Signature

get width(): number;

Defined in: src/display/SliceView.ts:589

Get the width of the view

Returns

number

Implementation of

ISliceView.width

---

height

Get Signature

get height(): number;

Defined in: src/display/SliceView.ts:596

Get the height of the view

Returns

number

Implementation of

ISliceView.height

Methods

create()

static create(
   domElement, 
   imageLayer, 
   neuroSpace, 
   viewAxes, 
   model, 
   options?): Promise<SliceView>;

Defined in: src/display/SliceView.ts:84

Factory function to build a SliceView instance (async).

Parameters

domElement

HTMLElement

imageLayer

ImageLayer

neuroSpace

NeuroSpace

viewAxes

AxisSet3D

model

SliceModel

options?

SliceViewOptions

Returns

Promise<SliceView>

---

updatePosition()

updatePosition(coord): void;

Defined in: src/display/SliceView.ts:280

Updates the displayed position in 3D coordinate space in the imageLayer + overlay layers, then triggers re-render.

Parameters

coord

number[]

Returns

void

Implementation of

ISliceView.updatePosition

---

renderSlice()

renderSlice(): void;

Defined in: src/display/SliceView.ts:295

Renders the current slice by:

• Setting the pinned slice index in the transformer
• Clearing previous container
• Asking imageLayer + overlays to render
• Fitting to screen

Returns

void

Implementation of

ISliceView.renderSlice

---

handleResize()

handleResize(): void;

Defined in: src/display/SliceView.ts:481

Public method for programmatic resize triggering. Automatic window resize is handled by PIXI's resizeTo option. Uses requestAnimationFrame to ensure DOM layout is settled before calculating sizes.

Returns

void

Implementation of

ISliceView.handleResize

---

handlePointerMove()

handlePointerMove(event): void;

Defined in: src/display/SliceView.ts:493

Dispatch pointer move events to layers

Parameters

event

SlicePointerEvent

Returns

void

---

addLayer()

addLayer(id, layer): void;

Defined in: src/display/SliceView.ts:505

Adds a new overlay (e.g., crosshair).

Parameters

id

string

layer

SliceLayer

Returns

void

Implementation of

ISliceView.addLayer

---

removeLayer()

removeLayer(id): void;

Defined in: src/display/SliceView.ts:522

Removes an overlay layer by id (e.g., 'crosshair').

Parameters

id

string

Returns

void

Implementation of

ISliceView.removeLayer

---

getCoordinateTransformer()

getCoordinateTransformer(): ICoordinateTransformer;

Defined in: src/display/SliceView.ts:540

Get the coordinate transformer for this view

Returns

ICoordinateTransformer

Implementation of

ISliceView.getCoordinateTransformer

---

getCanvas()

getCanvas(): HTMLCanvasElement;

Defined in: src/display/SliceView.ts:547

Get the canvas element

Returns

HTMLCanvasElement

Implementation of

ISliceView.getCanvas

---

addPointerMoveListener()

addPointerMoveListener(handler): void;

Defined in: src/display/SliceView.ts:561

Add a pointer move event listener

Parameters

handler

PointerEventHandler

Returns

void

Implementation of

ISliceView.addPointerMoveListener

---

addPointerDownListener()

addPointerDownListener(handler): void;

Defined in: src/display/SliceView.ts:568

Add a pointer down event listener

Parameters

handler

PointerEventHandler

Returns

void

Implementation of

ISliceView.addPointerDownListener

---

removePointerMoveListener()

removePointerMoveListener(handler): void;

Defined in: src/display/SliceView.ts:575

Remove a pointer move event listener

Parameters

handler

PointerEventHandler

Returns

void

Implementation of

ISliceView.removePointerMoveListener

---

removePointerDownListener()

removePointerDownListener(handler): void;

Defined in: src/display/SliceView.ts:582

Remove a pointer down event listener

Parameters

handler

PointerEventHandler

Returns

void

Implementation of

ISliceView.removePointerDownListener

---

setZoom()

setZoom(level): void;

Defined in: src/display/SliceView.ts:603

Set the zoom level, clamped to [MIN_ZOOM, MAX_ZOOM].

Parameters

level

number

Returns

void

---

getZoom()

getZoom(): number;

Defined in: src/display/SliceView.ts:614

Get the current zoom level.

Returns

number

---

setPan()

setPan(offset): void;

Defined in: src/display/SliceView.ts:621

Set the pan offset.

Parameters

offset

x

number

y

number

Returns

void

---

getPan()

getPan(): object;

Defined in: src/display/SliceView.ts:632

Get the current pan offset.

Returns

object

x

x: number;

y

y: number;

---

resetView()

resetView(): void;

Defined in: src/display/SliceView.ts:639

Reset zoom to 1.0 and pan to (0, 0).

Returns

void

---

getScale()

getScale(): number;

Defined in: src/display/SliceView.ts:651

Get the current scale applied to the slice content.

Returns

number

Implementation of

ISliceView.getScale

---

dispose()

dispose(): void;

Defined in: src/display/SliceView.ts:658

Cleanup

Returns

void

Implementation of

ISliceView.dispose