Skip to main content

<set-view-slices>

Properties

NameDocsTypeDefault value
backgroundBackground color.string"#000000"
fragmentShaderCustom GLSL fragment shared, replaces the one specified by the `shader` property.string | undefined
middleActionAction to performance when moving the middle pointer. Middle click. Does not have an effect on mobile."contrast" | "crop" | "crosshair" | "new-area" | "new-brush" | "new-line" | "new-path" | "new-point" | "new-spline" | "none" | "pan" | "rotate" | "slices" | "zoom" | undefined
panSpeedSets how fast the image translates. From `0` to `Infinite`.number1
pinchActionAction to perform when the pinch gesture is performed. Only mobile devices and laptops with a multitouch trackpad."none" | "zoom" | undefined
pixelRatioRepresent the pixel ratio used by the renderer.number1.0
pointerActionAction to performance when moving the main pointer. Left click or a single touch."contrast" | "crop" | "crosshair" | "new-area" | "new-brush" | "new-line" | "new-path" | "new-point" | "new-spline" | "none" | "pan" | "rotate" | "slices" | "zoom" | undefined
projectionProjection transform used to render the tomography slices. By default, the "axial" projection is used, which correspond to the identity transform."axial" | "coronal" | "default" | "sagittal" | undefined
secondaryActionAction to performance when moving the secondary pointer. Right click or two touches."contrast" | "crop" | "crosshair" | "new-area" | "new-brush" | "new-line" | "new-path" | "new-point" | "new-spline" | "none" | "pan" | "rotate" | "slices" | "zoom" | undefined
showPlanesRender the intersection lines of other planes of the workspace.booleantrue
showRangeRender the intersection lines of other planes of the workspace.booleanfalse
showShapesRender the workspace shapes in the corresponding slice.booleantrue
slicesSpeedSets how fast it moves across slices.number1 / 20
translateXDisplacement of the slice in the X axis. The value goes from -1 to 1, where `0` represents the middle.number0
translateYDisplacement of the slice in the Y axis. The value goes from -1 to 1, where `0` represents the center.number0
wheelActionAction to perform when the mouse wheel gesture is performed."contrast" | "none" | "pan" | "slices" | "zoom" | undefined
workspaceWorkspace to visualize.Workspace | string | undefined | { id: string; }
zoomZoom factor used to scale the slice. The zoom values goes from 1 to 10.number1.0
zoomSpeedSets how fast the zoom moves. From `0` to `Infinite`.number1.2

Events

NameDocsType
setPointerEnd
setPointerMove
setPointerStart
setStateChange

CSS parts

NameDocs
annotation
annotation-button
annotation-measurement
annotation-text
range