Estoy probando la biblioteca js de la piedra angular. En el que estoy tratando de usar algunas herramientas de piedra angular
Todo lo que estoy haciendo usando JS común.
A continuación se muestra mi código:
HTML
<div class="cornerstone-element-wrapper"> <div class="cornerstone-element" data-index="0" oncontextmenu="return false"></div> </div>JS
// Setup image loader cornerstoneWebImageLoader.external.cornerstone = cornerstone; cornerstone.registerImageLoader('http', cornerstoneWebImageLoader.loadImage) cornerstone.registerImageLoader('https', cornerstoneWebImageLoader.loadImage) // Setup tools csTools = cornerstoneTools.init(); // Enable Element const element = document.querySelector('.cornerstone-element'); cornerstone.enable(element); // Display an image const imageId = 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg'; cornerstone.loadImage(imageId).then(function (image) { cornerstone.displayImage(element, image); }); // Freehand ROI // Add our tool, and set it's mode const FreehandRoiTool = cornerstoneTools.FreehandRoiTool; csTools.addTool(FreehandRoiTool) csTools.setToolActive('FreehandRoi', { mouseButtonMask: 1 })por lo que pude entender documentos, no veo ningún error en el código anterior. pero aún así, se muestra el siguiente error en la consola.
TypeError no detectado: apiTool no es un constructor
El siguiente es el violín JS del código anterior:
Como investigué un poco, descubrí que la función FreehandRoiTool no está presente en cornerstoneTools. Así que resolví mi problema usando la función FreehandMouseTool y parece estar funcionando bien ahora.
Aquí está el siguiente código que cambié.
// Setup image loader cornerstoneWebImageLoader.external.cornerstone = cornerstone; cornerstone.registerImageLoader('http', cornerstoneWebImageLoader.loadImage) cornerstone.registerImageLoader('https', cornerstoneWebImageLoader.loadImage) // Setup tools csTools = cornerstoneTools.init(); console.log(cornerstoneTools); // Enable Element const element = document.querySelector('.cornerstone-element'); cornerstone.enable(element); // Display an image const imageId = 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg'; cornerstone.loadImage(imageId).then(function (image) { cornerstone.displayImage(element, image); }); // Freehand ROI // Add our tool, and set it's mode const FreehandMouseTool = cornerstoneTools.FreehandMouseTool; csTools.addTool(FreehandMouseTool) csTools.setToolActive('FreehandMouse', { mouseButtonMask: 1 })Puede usar la función FreehandRoiTool , cuando requiera agregar la herramienta para dibujar puntos en imágenes médicas [3, 5] con la capacidad de guardar las coordenadas posteriormente. Por ejemplo, cuando desee usarlo para proyectos de aprendizaje automático [1, 2]. Tenga en cuenta que esto puede cambiar dependiendo de si lo hace para navegadores o entornos móviles [4].
// Init cornerstone tools cornerstoneTools.init(); // Enable any elements, and display images // ... // Add our tool, and set it's mode const FreehandRoiTool = cornerstoneTools.FreehandRoiTool; cornerstoneTools.addTool(FreehandRoiTool) cornerstoneTools.setToolActive('FreehandRoi', { mouseButtonMask: 1 })[1] Francisco María Calisto, Carlos Santiago, Nuno Nunes y Jacinto C. Nascimento. 2022. BreastScreening-AI: evaluación de agentes médicos inteligentes para interacciones humano-IA. Inteligencia Artificial en Medicina 127, 102285. https://doi.org/10.1016/j.artmed.2022.102285
[2] Francisco María Calisto, Carlos Santiago, Nuno Nunes y Jacinto C. Nascimento. 2021. Introducción del asistente de IA centrado en el ser humano para ayudar a los radiólogos en la clasificación multimodal de imágenes mamarias. Revista Internacional de Estudios Humano-Computadores 150, 102607. https://doi.org/10.1016/j.ijhcs.2021.102607
[3] Francisco María Calisto, Nuno Nunes y Jacinto C. Nascimento. 2020. Cribado de mama. Actas de la Conferencia Internacional sobre Interfaces Visuales Avanzadas. https://doi.org/10.1145/3399715.3399744
[4] Francisco M. Calisto, Alfredo Ferreira, Jacinto C. Nascimento y Daniel Gonçalves. 2017. Hacia la anotación de diagnóstico de imágenes médicas basadas en el tacto. Actas de la Conferencia Internacional ACM 2017 sobre Superficies y Espacios Interactivos. https://doi.org/10.1145/3132272.3134111
[5] Francisco María Calisto. 2017. Interfaz de usuario de diagnóstico de cáncer de mama multimodal de imágenes médicas. Tésis de maestría. https://doi.org/10.13140/RG.2.2.15187.02084