Class: SliceView

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

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:41

---

mainContainer

mainContainer: Container;

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

---

overlayContainer

overlayContainer: Container;

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

---

slider

slider: HTMLInputElement | null = null;

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

---

coordinateTransformer

coordinateTransformer: CoordinateTransformer;

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

---

domElement

domElement: HTMLElement;

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

---

layers

layers: SliceLayer[] = [];

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

Accessors

isDisposed

Get Signature

get isDisposed(): boolean;

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

Whether dispose() has been called on this view.

Returns

boolean

---

width

Get Signature

get width(): number;

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

Get the width of the view

Returns

number

Implementation of

ISliceView.width

---

height

Get Signature

get height(): number;

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

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:97

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:297

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:312

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

---

setFitRegion()

setFitRegion(region): void;

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

Fits the view to a sub-rectangle of image-content space (x along the i-axis, y along the j-axis, in slice pixels) instead of the whole slice. Pass null to fit the whole slice again.

Parameters

region

| { x0: number; y0: number; x1: number; y1: number; } | null

Returns

void

---

handleResize()

handleResize(): void;

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

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:553

Dispatch pointer move events to layers

Parameters

event

SlicePointerEvent

Returns

void

---

addLayer()

addLayer(id, layer): void;

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

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:582

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

Parameters

id

string

Returns

void

Implementation of

ISliceView.removeLayer

---

setBackground()

setBackground(color, alpha?): void;

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

Changes the canvas clear colour (and optionally its alpha) without rebuilding the view, e.g. when the host switches between a light and a dark ground.

Parameters

color

number

PIXI numeric colour, e.g. 0xfafaf7.

alpha?

number

Clear alpha in [0, 1]; unchanged when omitted.

Returns

void

Implementation of

ISliceView.setBackground

---

getBackground()

getBackground(): object;

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

The current canvas clear colour and alpha.

Returns

object

color

color: number;

alpha

alpha: number;

---

getLayer()

getLayer(id): SliceLayer | undefined;

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

Looks up an overlay layer by the id it was added under (e.g. 'crosshair').

Parameters

id

string

Returns

SliceLayer | undefined

Implementation of

ISliceView.getLayer

---

redraw()

redraw(): void;

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

Re-lays out screen-space overlays and renders the stage without rebuilding slice textures. Use after restyling an overlay in place.

Returns

void

Implementation of

ISliceView.redraw

---

getCoordinateTransformer()

getCoordinateTransformer(): ICoordinateTransformer;

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

Get the coordinate transformer for this view

Returns

ICoordinateTransformer

Implementation of

ISliceView.getCoordinateTransformer

---

getCanvas()

getCanvas(): HTMLCanvasElement;

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

Get the canvas element

Returns

HTMLCanvasElement

Implementation of

ISliceView.getCanvas

---

addPointerMoveListener()

addPointerMoveListener(handler): void;

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

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:686

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:693

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:700

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:721

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

Parameters

level

number

Returns

void

---

getZoom()

getZoom(): number;

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

Get the current zoom level.

Returns

number

---

setPan()

setPan(offset): void;

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

Set the pan offset.

Parameters

offset

x

number

y

number

Returns

void

---

getPan()

getPan(): object;

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

Get the current pan offset.

Returns

object

x

x: number;

y

y: number;

---

resetView()

resetView(): void;

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

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

Returns

void

---

getScale()

getScale(): number;

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

Get the current scale applied to the slice content.

Returns

number

Implementation of

ISliceView.getScale

---

disposeLayers()

disposeLayers(): void;

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

Dispose overlay layers without destroying the PIXI application. Orthogonal viewers use this as the first phase of teardown so Text resources from all renderers return to PIXI's shared pool before any one renderer clears that pool.

Returns

void

Implementation of

ISliceView.disposeLayers

---

dispose()

dispose(): void;

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

Cleanup

Returns

void

Implementation of

ISliceView.dispose