A medical image browsing method, device, equipment and storage medium

Abstract

The application discloses a medical image browsing method and device, equipment and storage medium, and relates to the technical field of computers, and comprises the following steps: when it is detected that a display operation of current to-be-displayed medical image data fails, triggering a custom button event; selecting an interaction mode for executing the custom button event, updating the to-be-displayed medical image data to obtain updated to-be-displayed medical image data; and displaying the to-be-displayed medical image data through a canvas. It can be seen that, by using the custom method, the use amount of commonly used cornerstone.js API can be simplified, the development engineer can edit the method in a familiar way, development efficiency and quality and later maintenance can be greatly improved, and the developer can be more focused on business understanding without using the commonly used cornerstone.js API in a routine way. The time cost for learning the cornerstone.js is reduced. Development can be carried out more quickly. Efficient communication between the developer and the demand designer is facilitated.

Description

Technical Field

[0001] This invention relates to the field of computer technology, and in particular to a method, apparatus, device, and storage medium for browsing medical images. Background Technology

[0002] With the continuous development of front-end development frameworks, many computer languages ​​have emerged in the computer industry to adapt to the development of various industries, such as JavaScript and Node.js, and corresponding technical frameworks, such as jQuery, Vue, and the React series. Using these languages ​​and technologies can greatly improve development efficiency. However, the following problems exist: 1. Designing the process and related calling logic still requires developers to invest a lot of effort and time, and write a large amount of code; 2. Due to the incompleteness and limited resources of the cornerstone.js API, developers must read the code and related component function descriptions to understand the business logic, making the maintenance of the current interactive method for browsing medical images somewhat difficult; 3. After changes in business logic, the cornerstone.js API may not support the existing interactive method, so the code for browsing medical images needs to be modified and recompiled.

[0003] In summary, how to immediately switch to a custom method to continue handling the required interaction when the cornerstone.js component API fails, making the process more practical, efficient, and simple in medical image browsing, remains a technical problem to be solved in this field. Summary of the Invention

[0004] In view of this, the purpose of this invention is to provide a medical image browsing method, apparatus, device, and storage medium that can immediately switch to a custom method to continue processing the required interaction when the cornerstone.js component API fails, making it more practical, efficient, and functionally simple during medical image browsing. The specific solution is as follows:

[0005] In a first aspect, this application discloses a method for browsing medical images, including:

[0006] When a malfunction is detected in the display operation of the current medical image data to be displayed, a custom button event is triggered;

[0007] Select the interaction method to execute the custom button event, update the medical image data to be displayed, and obtain the updated medical image data to be displayed;

[0008] The medical image data to be displayed can be viewed and shown using a canvas.

[0009] Optionally, the medical image browsing method further includes:

[0010] Configure the width and height of the CAVAN canvas used to display the medical image data based on the browser's width and height.

[0011] Optionally, when a malfunction is detected in the display operation of the current medical image data to be displayed, a custom button event is triggered, including:

[0012] When it is detected that the browser does not support the image display method of the current API, the custom button event is triggered.

[0013] Optionally, before triggering the custom button event when a failure is detected in the display operation of the current medical image data to be displayed, the following steps are also included:

[0014] Different interaction methods are generated and encapsulated based on different business logics to obtain different interaction methods.

[0015] Optionally, the selection of the interaction method for executing the custom button event includes:

[0016] The business logic that executes the custom button event is captured by a promise, and the corresponding interaction method is determined and executed based on the business logic.

[0017] Optionally, the selection of the interaction method for executing the custom button event includes:

[0018] Configure a custom button so that clicking the custom button determines the interaction method selected for the custom button event.

[0019] Optionally, the step of browsing and displaying the medical image data to be shown through a canvas includes:

[0020] The canvas is rendered according to the interaction method, and the medical image data to be displayed is browsed and shown.

[0021] Secondly, this application discloses a medical image viewing device, comprising:

[0022] The event triggering module is used to trigger custom button events when a failure is detected in the display operation of the current medical image data to be displayed.

[0023] The data update module is used to select the interaction method for executing the custom button event and update the medical image data to be displayed to obtain the updated medical image data to be displayed.

[0024] The data display module is used to browse and display the medical image data to be displayed.

[0025] Thirdly, this application discloses an electronic device, including:

[0026] Memory, used to store computer programs;

[0027] A processor is configured to execute the computer program to implement the steps of the aforementioned disclosed medical image browsing method.

[0028] Fourthly, this application discloses a computer-readable storage medium for storing a computer program; wherein, when the computer program is executed by a processor, it implements the steps of the aforementioned disclosed medical image browsing method.

[0029] Therefore, this application discloses a method for triggering a custom button event when a failure is detected in the display operation of the current medical image data to be displayed; selecting an interaction method to execute the custom button event to update the medical image data to be displayed, thereby obtaining the updated medical image data; and then displaying the medical image data through a canvas. It is evident that this custom method simplifies the use of common cornerstone.js APIs. Because the method is custom-edited in a familiar way, developers can significantly improve development efficiency, quality, and later maintenance. They don't need to rigidly follow the common cornerstone.js APIs, allowing them to focus more on understanding the business logic. Secondly, this method reduces the time cost of learning cornerstone.js, enabling faster development. Thirdly, this method facilitates efficient communication between developers and requirements designers. Since the business code is developed in a custom form, it facilitates smoother handover between personnel later on. Attached Figure Description

[0030] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on the provided drawings without creative effort.

[0031] Figure 1 This is a flowchart of a medical image browsing method disclosed in this application;

[0032] Figure 2 This application discloses a flowchart of a method for browsing medical images using the cornerstone.js API;

[0033] Figure 3This is a flowchart of a specific medical image browsing method disclosed in this application;

[0034] Figure 4 This application discloses a flowchart of a method for browsing medical images using cornerstone.js and custom methods.

[0035] Figure 5 This is a schematic diagram of the structure of a medical image browsing device disclosed in this application;

[0036] Figure 6 This is a structural diagram of an electronic device disclosed in this application. Detailed Implementation

[0037] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of the present invention.

[0038] With the continuous development of front-end development frameworks, many computer languages ​​have emerged in the computer industry to adapt to the development of various industries, such as JavaScript and Node.js, and corresponding technical frameworks, such as jQuery, Vue, and the React series. Using these languages ​​and technologies can greatly improve development efficiency. However, the following problems exist: 1. Designing the process and related calling logic still requires developers to invest a lot of effort and time, and write a large amount of code; 2. Due to the incompleteness and limited resources of the cornerstone.js API, developers must read the code and related component function descriptions to understand the business logic, making the maintenance of the current interactive method for browsing medical images somewhat difficult; 3. After changes in business logic, the cornerstone.js API may not support the existing interactive method, so the code for browsing medical images needs to be modified and recompiled.

[0039] Therefore, this application provides a medical image browsing solution that can immediately switch to a custom method to continue processing the required interaction when the cornerstone.js component API fails, making it more practical, efficient, and simple to use during medical image browsing.

[0040] Reference Figure 1 As shown, an embodiment of the present invention discloses a medical image browsing method, including:

[0041] Step S11: When a failure is detected in the display operation of the current medical image data to be displayed, a custom button event is triggered.

[0042] In this embodiment, displaying medical image data through a browser typically involves JavaScript, and events are the primary means of interaction between JavaScript and the browser. Events are a design pattern called the Observer pattern, a technique for creating loosely coupled code. Objects can publish events to indicate that an interesting moment in their lifecycle has arrived. Other objects can then observe the object, waiting for these interesting moments to arrive and responding by running code. The Observer pattern consists of two types of objects: the subject and the observer. The subject is responsible for publishing events, while the observer observes the subject by subscribing to these events. A key concept of this pattern is that the subject is unaware of anything about the observer; that is, it can exist and function normally even if the observer is not present. On the other hand, the observer knows the subject and can register event callbacks (event handlers); when dealing with the DOM, the DOM element is the subject, and the event handling code is the observer. Specifically, when the browser detects that it does not support the current API's image display method, a custom button event is triggered, meaning the current object publishes an event. An object that manages events listens to those published events, and when a target event is detected, a custom button event is triggered.

[0043] In this embodiment, the width and height of the CAVAN canvas used to display the medical image data are configured based on the browser's width and height. It can be understood that the CAVAN canvas is configured to display medical image frame data images.

[0044] Step S12: Select the interaction method for executing the custom button event, update the medical image data to be displayed, and obtain the updated medical image data to be displayed.

[0045] In this embodiment, after a custom button event is triggered, an interaction method is selected to execute the current custom button event, and the front end triggers a click event on the Cavans canvas to update the medical image data to be displayed and load the configured Cavans canvas according to the determined interaction method.

[0046] In this embodiment, a custom button is set so that clicking the custom button determines the interaction method selected for the custom button event. The interaction method can be the cornerstone.js API. It is understood that by setting a custom button, intuitive operation on the user interface is facilitated. The custom button is designed for easy operation using jQuery compiled code, enabling interaction with backend systems and saving the configured business logic to a business logic configuration library.

[0047] Step S13: Browse and display the medical image data to be shown through the canvas.

[0048] In this embodiment, the canvas is rendered according to the interaction method, and the medical image data to be displayed is browsed and shown. Specifically, the CAVAN canvas is configured through the selected interaction method, and the medical image frame data images are updated and loaded after browsing and interaction.

[0049] Reference Figure 2 As shown, after receiving a request to display medical image frame data, the medical image frame data is obtained and then parsed. While parsing the medical image frame data, a cavans canvas is created. The cornerstone.js API is called by clicking the interaction button to select the interaction method, which updates the parsed medical image frame data and displays the updated medical image frame data on the rendered cavans canvas.

[0050] Therefore, this application discloses a method for triggering a custom button event when a failure is detected in the display operation of the current medical image data to be displayed; selecting an interaction method to execute the custom button event to update the medical image data to be displayed, thereby obtaining the updated medical image data; and then displaying the medical image data through a canvas. It is evident that this custom method simplifies the use of common cornerstone.js APIs. Because the method is custom-edited in a familiar way, developers can significantly improve development efficiency, quality, and later maintenance. Without having to rigidly follow common cornerstone.js APIs, developers can focus more on understanding the business logic. Secondly, this method reduces the time cost of learning cornerstone.js, allowing for faster development. Thirdly, this method facilitates efficient communication between developers and requirements designers. Since the business code is developed in a custom form, it facilitates smoother handover between personnel later on.

[0051] Reference Figure 3As shown, this embodiment of the invention discloses a specific method for browsing medical images. Compared with the previous embodiment, this embodiment further explains and optimizes the technical solution. Specifically:

[0052] Step S21: Generate and encapsulate the corresponding interaction methods according to different business logics to obtain different interaction methods.

[0053] In this embodiment, code is customized according to business logic and edited based on engineers' editing habits, then encapsulated into code blocks to obtain corresponding interaction methods. This way, less code needs to be written, allowing for better business development and the creation of multiple customized, encapsulated interaction methods. As can be seen, encapsulating custom interaction methods based on business logic and setting their triggering methods enables programmers to quickly input frequently used code snippets, improving programming efficiency. Examples include cornerstone.js methods, custom methods, and custom methods combined with the cornerstone.js API.

[0054] Step S22: When a failure is detected in the display operation of the current medical image data to be displayed, a custom button event is triggered.

[0055] Step S23: Select the interaction method for executing the custom button event, update the medical image data to be displayed, and obtain the updated medical image data to be displayed.

[0056] In this embodiment, as Figure 4As shown, after the custom button event is triggered, clicking the interactive button selects the corresponding interaction method. Specifically, the business logic executing the custom button event is captured through a promise, and the corresponding interaction method is determined and executed based on this business logic. It can be understood that when the promise listener determines that the current browser supports the cornerstone.js method, the interaction method is determined to be cornerstone.js based on the business logic. It should be noted that while using the cornerstone.js method is the normal way for browsers to display medical image data, it can also be encapsulated as a custom method as an option for custom interaction. When the promise listener determines that the current browser does not support the cornerstone.js method, i.e., the cornerstone.js method is invalid, the interaction method is determined to be the corresponding custom interaction method based on the business logic. When the promise listener determines that the current browser supports only some cornerstone.js methods, the interaction method is determined to be a combination of the cornerstone.js method and the corresponding custom interaction method based on the business logic. As can be seen, by using cornerstone.js and custom methods simultaneously, specific judgment settings can be made to select the next operation when the condition is true or false; or it can be set to terminate abnormally, and exception information can be set so that the system will throw the exception to the business layer.

[0057] Step S24: Browse and display the medical image data to be shown through the canvas.

[0058] For more detailed processing steps S22 and S24, please refer to the aforementioned disclosed embodiments; they will not be repeated here.

[0059] This demonstrates that by generating different interaction methods based on different business logics, developers can reduce the amount of repetitive coding, leading to better business development. This is also extremely beneficial for communication between development engineers and business personnel, significantly reducing maintenance time costs for developers while increasing the controllability of business logic. The Cavans canvas is updated and re-rendered to display the medical image frame data images after interaction without refreshing the browser.

[0060] Reference Figure 5 As shown, this embodiment of the invention also discloses a medical image browsing device, comprising:

[0061] Event triggering module 11 is used to trigger a custom button event when a failure is detected in the display operation of the current medical image data to be displayed.

[0062] The data update module 12 is used to select the interaction method for executing the custom button event and update the medical image data to be displayed to obtain the updated medical image data to be displayed.

[0063] The data display module 13 is used to browse and display the medical image data to be displayed.

[0064] In some specific embodiments, the medical image browsing device may specifically include:

[0065] The parameter configuration module is used to configure the width and height of the CAVAN canvas used to display the medical image data, based on the browser's width and height.

[0066] In some specific embodiments, the event triggering module 11 may specifically include:

[0067] The event triggering unit is used to trigger custom button events when the browser does not support the current API's image display method.

[0068] In some specific embodiments, the medical image browsing device may specifically include:

[0069] The interaction method determination unit is used to generate and encapsulate corresponding interaction methods according to different business logics, so as to obtain different interaction methods.

[0070] In some specific embodiments, the data update module 12 may specifically include:

[0071] The interaction method execution unit is used to capture the business logic for executing the custom button event through a promise, and determine and execute the corresponding interaction method based on the business logic.

[0072] In some specific embodiments, the data update module 12 may specifically include:

[0073] A button setting unit is used to set a custom button so that clicking the custom button determines the interaction method selected for the custom button event.

[0074] In some specific embodiments, the data display module 13 may specifically include:

[0075] The canvas is rendered according to the interaction method, and the medical image data to be displayed is browsed and shown.

[0076] Therefore, this application discloses a method for triggering a custom button event when a failure is detected in the display operation of the current medical image data to be displayed; selecting an interaction method to execute the custom button event to update the medical image data to be displayed, thereby obtaining the updated medical image data; and then displaying the medical image data through a canvas. It is evident that this custom method simplifies the use of the cornerstone.js API. Because the method is custom-edited in a familiar way, developers can significantly improve development efficiency, quality, and later maintenance. Without having to rigidly follow the cornerstone.js API, developers can focus more on understanding the business logic. Secondly, this method reduces the time cost of learning cornerstone.js, allowing for faster development. Thirdly, this method facilitates efficient communication between developers and requirements designers. Since the business code is developed in a custom form, it facilitates smoother handover between personnel later on.

[0077] Furthermore, embodiments of this application also disclose an electronic device, Figure 6 This is a structural diagram of an electronic device 20 according to an exemplary embodiment. The content of the diagram should not be construed as limiting the scope of this application.

[0078] Figure 6 This is a schematic diagram of the structure of an electronic device 20 provided in an embodiment of this application. Specifically, the electronic device 20 may include: at least one processor 21, at least one memory 22, a power supply 23, a communication interface 24, an input / output interface 25, and a communication bus 26. The memory 22 stores a computer program, which is loaded and executed by the processor 21 to implement the relevant steps in the medical image browsing method disclosed in any of the foregoing embodiments. Alternatively, the electronic device 20 in this embodiment may specifically be an electronic computer.

[0079] In this embodiment, the power supply 23 is used to provide operating voltage for each hardware device on the electronic device 20; the communication interface 24 can create a data transmission channel between the electronic device 20 and external devices, and the communication protocol it follows can be any communication protocol applicable to the technical solution of this application, and is not specifically limited here; the input / output interface 25 is used to acquire external input data or output data to the outside world, and its specific interface type can be selected according to specific application needs, and is not specifically limited here.

[0080] The processor 21 may include one or more processing cores, such as a quad-core processor or an octa-core processor. The processor 21 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). The processor 21 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, the processor 21 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, the processor 21 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0081] In addition, the memory 22, as a carrier for resource storage, can be a read-only memory, random access memory, disk or optical disk, etc. The resources stored thereon can include operating system 221, computer program 222, etc., and the storage method can be temporary storage or permanent storage.

[0082] The operating system 221 manages and controls the various hardware devices and computer programs 222 on the electronic device 20 to enable the processor 21 to perform calculations and processing on the massive amounts of data 223 in the memory 22. The operating system can be Windows Server, Netware, Unix, Linux, etc. The computer program 222, in addition to including a computer program capable of performing the medical image browsing method executed by the electronic device 20 as disclosed in any of the foregoing embodiments, may further include computer programs capable of performing other specific tasks. The data 223 may include data received by the electronic device from external devices, as well as data collected by its own input / output interface 25.

[0083] Furthermore, this application also discloses a computer-readable storage medium for storing a computer program; wherein, when the computer program is executed by a processor, it implements the aforementioned disclosed medical image browsing method. Specific steps of this method can be found in the corresponding content disclosed in the foregoing embodiments, and will not be repeated here.

[0084] The various embodiments in this specification are described in a progressive manner, with each embodiment focusing on its differences from other embodiments. Similar or identical parts between embodiments can be referred to interchangeably. For the apparatus disclosed in the embodiments, since it corresponds to the method disclosed in the embodiments, the description is relatively simple; relevant parts can be referred to in the method section.

[0085] Those skilled in the art will further recognize that the units and algorithm steps of the various examples described in connection with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of the various examples have been generally described in terms of functionality in the foregoing description. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can implement the described functions using different methods for each specific application, but such implementation should not be considered beyond the scope of this application. The steps of the methods or algorithms described in connection with the embodiments disclosed herein can be implemented directly in hardware, software modules executed by a processor, or a combination of both. Software modules can be located in random access memory (RAM), main memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disks, removable disks, CD-ROMs, or any other form of storage medium known in the art.

[0086] Finally, it should be noted that in this document, relational terms such as "first" and "second" are used only to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0087] The above provides a detailed description of a medical image browsing method, apparatus, device, and storage medium provided by the present invention. Specific examples have been used to illustrate the principles and implementation methods of the present invention. The descriptions of the above embodiments are only for the purpose of helping to understand the method and core ideas of the present invention. At the same time, for those skilled in the art, there will be changes in the specific implementation methods and application scope based on the ideas of the present invention. Therefore, the content of this specification should not be construed as a limitation of the present invention.

Claims

1. A method for browsing medical images, characterized in that, include: When a malfunction is detected in the display operation of the current medical image data to be displayed, a custom button event is triggered; Select the interaction method to execute the custom button event, update the medical image data to be displayed, and obtain the updated medical image data to be displayed; The medical image data to be displayed can be browsed and shown using a canvas; Before triggering the custom button event when a malfunction is detected in the display operation of the current medical image data to be displayed, the following is also included: Different interaction methods are generated and encapsulated according to different business logics to obtain different interaction methods; wherein, the interaction methods include: cornerstone.js methods, custom methods, and custom methods combined with cornerstone.js API; The selection of the interaction method for executing the custom button event includes: The business logic that executes the custom button event is captured by a promise, and the corresponding interaction method is determined and executed based on the business logic.

2. The medical image browsing method according to claim 1, characterized in that, Also includes: Configure the width and height of the CAVAN canvas used to display the medical image data based on the browser's width and height.

3. The medical image browsing method according to claim 1, characterized in that, When a malfunction is detected in the display operation of the current medical image data to be displayed, a custom button event is triggered, including: When it is detected that the browser does not support the image display method of the current API, the custom button event is triggered.

4. The medical image browsing method according to claim 1, characterized in that, The selection of the interaction method for executing the custom button event includes: Configure a custom button so that clicking the custom button determines the interaction method selected for the custom button event.

5. The medical image browsing method according to claim 1, characterized in that, The process of browsing and displaying the medical image data to be shown via a canvas includes: The canvas is rendered according to the interaction method, and the medical image data to be displayed is browsed and shown.

6. A medical image viewing device, characterized in that, include: The event triggering module is used to trigger custom button events when a failure is detected in the display operation of the current medical image data to be displayed. The data update module is used to select the interaction method for executing the custom button event and update the medical image data to be displayed to obtain the updated medical image data to be displayed. The data display module is used to browse and display the medical image data to be displayed; The interaction method determination unit is used to generate and encapsulate corresponding interaction methods according to different business logics to obtain different interaction methods; wherein, the interaction methods include: cornerstone.js methods, custom methods, and custom methods combined with cornerstone.js API; The interaction method execution unit is used to capture the business logic for executing the custom button event through a promise, and determine and execute the corresponding interaction method based on the business logic.

7. An electronic device, characterized in that, include: Memory, used to store computer programs; A processor for executing the computer program to implement the steps of the medical image browsing method as described in any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that, Used to store a computer program; wherein, when the computer program is executed by a processor, it implements the steps of the medical image browsing method as described in any one of claims 1 to 5.

Images