feat: 默认窗宽窗位抽离
This commit is contained in:
parent
c3c8f24fee
commit
1c488ef76e
19
README.md
19
README.md
|
@ -20,3 +20,22 @@ pnpm config set virtual-store-dir-max-length 70
|
||||||
- 脱敏后总结metadata
|
- 脱敏后总结metadata
|
||||||
|
|
||||||
- 影像关键位置标签文字总结到滚层
|
- 影像关键位置标签文字总结到滚层
|
||||||
|
|
||||||
|
- 不同结构的窗宽窗位快速选择,需要考虑不同身体结构的dicom image
|
||||||
|
|
||||||
|
## 窗宽创维相关的一些小问题
|
||||||
|
|
||||||
|
- 心脏软组织窗
|
||||||
|
窗宽 (Window Width, WW):350 到 700 HU (Hounsfield Units)
|
||||||
|
窗位 (Window Level, WL):40 到 100 HU
|
||||||
|
这个范围适合评估心脏的软组织结构,包括心肌和血管周围的软组织。
|
||||||
|
|
||||||
|
- 冠状动脉窗
|
||||||
|
窗宽:800 HU
|
||||||
|
窗位:200 HU
|
||||||
|
这种设置特别适用于观察冠状动脉,有助于清晰地显示冠状动脉的钙化和非钙化斑块。
|
||||||
|
|
||||||
|
- 心脏结构窗
|
||||||
|
窗宽:500 HU
|
||||||
|
窗位:50 HU
|
||||||
|
适用于查看整体心脏结构,包括心室腔、心包和大血管。
|
|
@ -1,12 +1,19 @@
|
||||||
const windowWidth = 400;
|
|
||||||
const windowCenter = 40;
|
|
||||||
|
|
||||||
const lower = windowCenter - windowWidth / 2.0;
|
let ctVoiRange;
|
||||||
const upper = windowCenter + windowWidth / 2.0;
|
|
||||||
|
|
||||||
const ctVoiRange = { lower, upper };
|
export interface CtTransferFunction {
|
||||||
|
volumeActor: any
|
||||||
|
defaultWindowCenter: number
|
||||||
|
defaultWindowWidth: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function setCtTransferFunctionForVolumeActor(p: CtTransferFunction) {
|
||||||
|
const { volumeActor, defaultWindowCenter, defaultWindowWidth } = p
|
||||||
|
console.log(defaultWindowCenter, defaultWindowWidth)
|
||||||
|
const lower = defaultWindowCenter - defaultWindowWidth / 2.0;
|
||||||
|
const upper = defaultWindowCenter + defaultWindowWidth / 2.0;
|
||||||
|
ctVoiRange = { lower, upper };
|
||||||
|
|
||||||
export default function setCtTransferFunctionForVolumeActor({ volumeActor }) {
|
|
||||||
volumeActor
|
volumeActor
|
||||||
.getProperty()
|
.getProperty()
|
||||||
.getRGBTransferFunction(0)
|
.getRGBTransferFunction(0)
|
||||||
|
|
|
@ -17,15 +17,13 @@ import {
|
||||||
viewportId1,
|
viewportId1,
|
||||||
viewportId2,
|
viewportId2,
|
||||||
viewportId3,
|
viewportId3,
|
||||||
toolGroupId,
|
|
||||||
volumeId,
|
|
||||||
renderingEngineId,
|
|
||||||
} from "./Crosshair.config";
|
} from "./Crosshair.config";
|
||||||
import { initCornerstone } from "./CornerstoneDicomLoader/init";
|
|
||||||
|
|
||||||
const { ToolGroupManager, CrosshairsTool, StackScrollMouseWheelTool } =
|
const { ToolGroupManager, CrosshairsTool, StackScrollMouseWheelTool, WindowLevelTool, Enums: csToolsEnums } =
|
||||||
cornerstoneTools;
|
cornerstoneTools;
|
||||||
|
|
||||||
|
const { MouseBindings } = csToolsEnums;
|
||||||
|
|
||||||
const { ViewportType } = CoreEnums;
|
const { ViewportType } = CoreEnums;
|
||||||
|
|
||||||
interface CrosshairMprProps {
|
interface CrosshairMprProps {
|
||||||
|
@ -65,6 +63,11 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
const imageIds = useRef<string[]>();
|
const imageIds = useRef<string[]>();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
|
cornerstoneTools.addTool(StackScrollMouseWheelTool);
|
||||||
|
cornerstoneTools.addTool(CrosshairsTool);
|
||||||
|
cornerstoneTools.addTool(WindowLevelTool);
|
||||||
|
|
||||||
const run = async () => {
|
const run = async () => {
|
||||||
imageIds.current = await createImageIdsAndCacheMetaData({
|
imageIds.current = await createImageIdsAndCacheMetaData({
|
||||||
StudyInstanceUID: props.StudyInstanceUID,
|
StudyInstanceUID: props.StudyInstanceUID,
|
||||||
|
@ -82,6 +85,12 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
// 默认windowWidtth
|
||||||
|
const { windowCenter, windowWidth } = volume.cornerstoneImageMetaData
|
||||||
|
const defaultWindowCenter = 50
|
||||||
|
const defaultWindowWidth = 850
|
||||||
|
console.log(2, windowCenter, windowWidth)
|
||||||
|
|
||||||
// Create the viewports
|
// Create the viewports
|
||||||
const viewportInputArray: PublicViewportInput[] = [
|
const viewportInputArray: PublicViewportInput[] = [
|
||||||
{
|
{
|
||||||
|
@ -124,7 +133,7 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
volumeId: props.SeriesInstanceUID,
|
volumeId: props.SeriesInstanceUID,
|
||||||
callback: setCtTransferFunctionForVolumeActor,
|
callback: ({ volumeActor }) => setCtTransferFunctionForVolumeActor({ volumeActor, defaultWindowCenter, defaultWindowWidth }),
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
[viewportId1, viewportId2, viewportId3]
|
[viewportId1, viewportId2, viewportId3]
|
||||||
|
@ -160,6 +169,15 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
// As the Stack Scroll mouse wheel is a tool using the `mouseWheelCallback`
|
// As the Stack Scroll mouse wheel is a tool using the `mouseWheelCallback`
|
||||||
// hook instead of mouse buttons, it does not need to assign any mouse button.
|
// hook instead of mouse buttons, it does not need to assign any mouse button.
|
||||||
toolGroup.setToolActive(StackScrollMouseWheelTool.toolName);
|
toolGroup.setToolActive(StackScrollMouseWheelTool.toolName);
|
||||||
|
|
||||||
|
toolGroup.addTool(WindowLevelTool.toolName);
|
||||||
|
toolGroup.setToolActive(WindowLevelTool.toolName, {
|
||||||
|
bindings: [
|
||||||
|
{
|
||||||
|
mouseButton: MouseBindings.Secondary,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
renderingEngine.current.renderViewports([
|
renderingEngine.current.renderViewports([
|
||||||
|
@ -171,12 +189,12 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
|
|
||||||
if (!props.SeriesInstanceUID && !props.StudyInstanceUID) return;
|
if (!props.SeriesInstanceUID && !props.StudyInstanceUID) return;
|
||||||
run();
|
run();
|
||||||
cornerstoneTools.addTool(StackScrollMouseWheelTool);
|
|
||||||
cornerstoneTools.addTool(CrosshairsTool);
|
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
cornerstoneTools.removeTool(StackScrollMouseWheelTool);
|
cornerstoneTools.removeTool(StackScrollMouseWheelTool);
|
||||||
cornerstoneTools.removeTool(CrosshairsTool);
|
cornerstoneTools.removeTool(CrosshairsTool);
|
||||||
|
cornerstoneTools.removeTool(WindowLevelTool)
|
||||||
ToolGroupManager.destroyToolGroup(props.SeriesInstanceUID);
|
ToolGroupManager.destroyToolGroup(props.SeriesInstanceUID);
|
||||||
};
|
};
|
||||||
}, [props.StudyInstanceUID, props.SeriesInstanceUID]);
|
}, [props.StudyInstanceUID, props.SeriesInstanceUID]);
|
||||||
|
@ -190,10 +208,10 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="h-full">
|
<div className="h-full flex flex-col gap-y-2">
|
||||||
<div className="h-1/3" ref={viewportId1Ref}></div>
|
<div className="h-1/3 border rounded-md" ref={viewportId1Ref}></div>
|
||||||
<div className="h-1/3" ref={viewportId2Ref}></div>
|
<div className="h-1/3 border rounded-md" ref={viewportId2Ref}></div>
|
||||||
<div className="h-1/3" ref={viewportId3Ref}></div>
|
<div className="h-1/3 border rounded-md" ref={viewportId3Ref}></div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue
Block a user