A Fast Display Method of Grayscale Image

Abstract

The invention provides a quick display method of a grayscale image. The method comprises the steps that an upper-layer canvas object and a lower-layer canvas object which are completely the same in size and located on the upper portion and the lower portion respectively are established in an area, wherein a gray image needs to be displayed, in a browser webpage, and the upper-layer canvas object and the lower-layer canvas object are placed in an overlapped mode, the upper-layer canvas object uses a 2d programming interface and is used for responding to mouse operation of a user and outputtingcharacters and graphs, the background color of the upper-layer canvas object is set to be transparent, the lower-layer canvas object uses a WebGL programming interface to calculate and adjust the window width / window position of the grayscale image, and rotates, scales and inverts the grayscale image so as to facilitate display of the grayscale image. According to the method, layered display and updating of the grayscale image are realized, the processing performance of the grayscale image is greatly improved, and meanwhile, the display speed of the grayscale image is also improved.

Description

technical field [0001] The invention relates to the field of medical grayscale image processing. More specifically, the present invention relates to a fast display method for grayscale images. Background technique [0002] When displaying an image on a browser, since the browser can only directly display an image with 8 bits per channel, the Image object and canvas object in the HTML DOM also convert the image into an 8-bit per channel display when processing and displaying the image. [0003] However, when displaying medical grayscale images, it is often necessary to apply Modality LUT (window width / window level adjustment), rotation / anti-whitening, etc. to the image before displaying it to the user; especially for 9-16-bit grayscale images, then It must be converted to an 8-bit image after the window width / window level adjustment operation and then displayed. However, when displaying a grayscale image in a browser, the commonly used window width and level adjustment calc...

AI Technical Summary

Problems solved by technology

[0005] And because when displaying grayscale images (such as medical imaging DICOM images, etc.), some textual information needs to be displayed around the image, such as the information of the image, the information of the person to whom the image belongs, etc., and usually the user also needs to display on the image Perform operations such as sketching, but these operations are very difficult to implement in the WebGL programming interface