CN104598469B - The method for drawing medical image position line on a web browser - Google Patents
The method for drawing medical image position line on a web browser Download PDFInfo
- Publication number
- CN104598469B CN104598469B CN201310530395.1A CN201310530395A CN104598469B CN 104598469 B CN104598469 B CN 104598469B CN 201310530395 A CN201310530395 A CN 201310530395A CN 104598469 B CN104598469 B CN 104598469B
- Authority
- CN
- China
- Prior art keywords
- image
- medical image
- browser
- position line
- sectioning
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000004458 analytical method Methods 0.000 claims abstract description 3
- 238000004891 communication Methods 0.000 claims description 4
- 238000000034 method Methods 0.000 claims description 4
- 238000006243 chemical reaction Methods 0.000 claims description 2
- 238000006073 displacement reaction Methods 0.000 claims description 2
- 238000003745 diagnosis Methods 0.000 abstract description 7
- 238000010422 painting Methods 0.000 description 6
- 101700061199 WNT1 Proteins 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000000875 corresponding Effects 0.000 description 2
- 239000003814 drug Substances 0.000 description 2
- 238000003384 imaging method Methods 0.000 description 2
- 241000287196 Asthenes Species 0.000 description 1
- VYZAMTAEIAYCRO-UHFFFAOYSA-N chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000001276 controlling effect Effects 0.000 description 1
- 229940079593 drugs Drugs 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 230000002708 enhancing Effects 0.000 description 1
- 239000000686 essence Substances 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006011 modification reaction Methods 0.000 description 1
- 210000000056 organs Anatomy 0.000 description 1
- 239000003973 paint Substances 0.000 description 1
- 230000002085 persistent Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000001360 synchronised Effects 0.000 description 1
- 210000001519 tissues Anatomy 0.000 description 1
- 238000003325 tomography Methods 0.000 description 1
Abstract
The present invention discloses a kind of method for drawing medical image position line on a web browser, and it includes step:The unique mark UID that image and sectioning image are positioned in medical image is based on WADO agreements and forms request URL by browser, and sends request URL to Web medical image servers;Web medical image servers by analysis request URL read need DICOM file information, by position image calculate draw position line needed for two-dimensional coordinate value, two-dimensional coordinate value is then returned into browser;Browser draws position line using canvas attributes in HTML5 according to the two-dimensional coordinate value of return on the sectioning image of medical image.The position line that the present invention completes medical image on a web browser is drawn, and is carried out accurate judgement to the position of patient's focus by position line, so as to improve the efficiency of diagnosis and precision, and is provided important auxiliary tool for the Precise Diagnosis of remote medical consultation with specialists.
Description
Technical field
The present invention relates to medical image processing technology, and medical image position line is drawn on a web browser more particularly, to a kind of
Method
Background technology
For example the number of sections in CT, MR sequence is a lot, doctor is needed to multigroup different points of view angle to making a definite diagnosis for focus position
Degree, by analyzing human tissue organ's two-dimensional slice image of a sequence, doctor can obtain the size and shape of focus, side
Just diagnose.But the positioning of CT sectioning images, being mutually located between the different sections of MR is a problem, for certain piece image, doctor
Life is not aware that the sectioning image corresponding exact position on histoorgan.
Prior art is that position line is drawn on medical image based on pc client, because the travelling performance at PC ends is poor,
The demand that present tele-medicine traditional Chinese medical science life is accurately positioned patient's focus can not be adapted to.
The content of the invention
The defects of to overcome prior art, the present invention propose a kind of side for drawing medical image position line on a web browser
Method, the service end position line algorithm and display algorithm of efficiently and accurately are taken, doctor is completed on the browser for not installing any plug-in unit
The position line for learning image is drawn.
The present invention adopts the following technical scheme that realization:A kind of method for drawing medical image position line on a web browser, its
Including step:
The unique mark UID that image and sectioning image are positioned in medical image is based on WADO agreements and forms request by browser
URL, and send request URL to Web medical image servers;
Web medical image servers read the DICOM file information needed by analysis request URL, by positioning image
Two-dimensional coordinate value needed for drawing position line is calculated, two-dimensional coordinate value is then returned into browser;
Browser is according to the two-dimensional coordinate value of return, using canvas attributes in HTML5 in the sectioning image of medical image
On draw position line.
Wherein, browser uses the Ajax technologies in JavaScript to carry out asynchronous communication with Web medical image servers.
Wherein, specifically included by positioning the step of image calculates two-dimensional coordinate value needed for drafting position line:
Positioning picture and section picture are distinguished to medical image included in DICOM file information;
Unified coordinate system is established using TAG marks in the DICOM file of acquisition;
It is determined that positioning image place plane, this four, the upper left corner, the upper right corner, the lower right corner and the lower left corner of sectioning image is calculated
Vector shift between end points and positioning image, judge and calculate between section figure and positioning image by vector shift
Two intersection coordinate values, two intersection coordinate values are converted into two-dimensional coordinate value CrossPoint1 (x, y) and CrossPoint2
(x,y)。
Wherein it is determined that include where positioning image the step of plane:
Three-dimensional coordinate of the upper left corner end points in unified coordinate system, it is assumed that be O1(x1,y1,z1), and the of the positioning image
The direction vector of a lineWith the direction vector of first row
The direction vector of the first row of image will be positionedWith the direction vector of first row
Multiplication cross computing is carried out, obtains the normal vector of located image plane
Normal vector according to positioning imageObtain positioning the plane of image, be expressed as with plane equation
(x-x1)dx+(y-y1)dy+(z-z1)dz=0.
Wherein, the step of calculating the vector shift between four end points of sectioning image and positioning image includes:
Tag (0020,0032) values are taken out from sectioning image successively to determine the upper left corner end points of sectioning image described
D coordinates value O in unified coordinate system2(x2,y2,z2), take out Tag (0020,0037) value and determine the unit row of sectioning image
VectorWith unit column vector, take out Tag (0028,0030) value determine sectioning image
In each pixel represent physical height Spacingx, Spacingy, take out Tag (0028,0010) value and determine sectioning image
Height SrcHeight, take out the width S rcWight that Tag (0028,0011) value determines sectioning image;
The coordinate of this four end points of the upper left corner, the upper right corner, the lower right corner and the lower left corner of sectioning image is determined, is designated as P respectively1
(x,y,z)、P2(x,y,z)、P3(x, y, z) and P4(x,y,z);
P is calculated respectively1(x,y,z)、P2(x,y,z)、P3(x, y, z) and P4(x, y, z) and with (x-x1)dx+(y-y1)dy+
(z-z1)dzVector shift dv between=0 positioning image represented1、dv2、dv3And dv4。
Wherein, the coordinate P of the upper left corner end points of sectioning image is determined respectively by following equation1(x, y, z), upper right corner end
The coordinate P of point2The coordinate P of (x, y, z), lower right corner end points3The coordinate P of (x, y, z) and lower left corner end points4(x,y,z):
P1(x, y, z) is O2(x2,y2,z2),
Wherein, zoom factor of the sectioning image in the display box on endoadaptation browser is calculated, by the width of sectioning image
After degree zooms in and out processing with height according to the zoom factor, sectioning image is set to be shown in the display box of browser.
Wherein, after browser carries out conversion process according to the two-dimensional coordinate value and zoom factor of return, starting point coordinate is obtained
Value TransStartPoint (x, y) and end coordinate values TransEndPoint (x, y), existed using canvas attributes in HTML5
Dotted line connection source coordinate value TransStartPoint (x, y) and end coordinate values are used on the sectioning image of medical image
TransEndPoint (x, y) draws position line.
Compared with prior art, the present invention has the advantages that:
The present invention combines the data message of WADO agreements and DIOCM files in DICOM3.0 standards, takes efficiently and accurately
The display algorithm of service end position line algorithm and WEB client side, the painting canvas attribute based on HTML5 finally realize CT/MR images
The display of sequence position line on a web browser.The present invention can complete medical image on the browser for not installing any plug-in unit
Position line is drawn, and doctor can be made to log in browser whenever and wherever possible using any mobile device, medical image is accessed by network address
Server and the position line drafting for completing medical image on a web browser, it is accurate that the position of patient's focus is carried out by position line
Judge, so as to improve the efficiency of diagnosis and precision, and important auxiliary tool is provided for the Precise Diagnosis of remote medical consultation with specialists.
Brief description of the drawings
Fig. 1 is the system structure diagram of the present invention.
Fig. 2 is the workflow schematic diagram between browser and WEB medical image servers.
Embodiment
The present invention combines DICOM3.0(Digital Imaging and Communications in Medicine)Mark
WADO in standard(Web Access to DICOM Persistent Object)The data message of agreement and DIOCM files, takes
The service end position line algorithm of efficiently and accurately and the display algorithm of client, based on HTML5(Hypertext Markup
Language)Painting canvas attribute finally realize the display of CT/MR image sequences position line on a web browser.Therefore, it is of the invention
The position line that medical image can be completed on the browser for not installing any plug-in unit is drawn, and doctor can be made to utilize any movement
Equipment logs in browser whenever and wherever possible, accesses medical image server by network address and completes determining for medical image on a web browser
Bit line is drawn, and is carried out accurate judgement to the position of patient's focus by position line, so as to improve the efficiency of diagnosis and precision, and is
The Precise Diagnosis of remote medical consultation with specialists provides important auxiliary tool.
In order to make it easy to understand, before the application concrete methods of realizing is described, first to the several passes used herein arrived
Key technology illustrates:
1st, about the data message in DICOM file.
The DICOM file of standard is made up of file header and data message.DICOM file head(DICOM File Meta
Information)Contain the relevant information of mark data set.Data message be DICOM data elements Tag group number from
The data set that the data element that 0x0008 starts is formed.Data message can be divided into image file data information and non-image by content
File data information.Image file data information is the complex of multiple information objects, including patient (Patient), is checked
(Study), the data element such as serial (Series) and image (Image) data;Non-image files data message by directory management,
Patient management, check that the management information such as management, medical management, results management and other information are formed.
Patient Position of the application in service end algorithm has just used the data message of DICOM file
(0018,5100)、ImageType(0008,00008)、ImagePositionPatient(0020,0032)、
IamgeOrientationPatient(0020,0037)、PixelSpacing(0028,0030)、Rows(0028,0010)、
The attributes such as Columns (0028,0011) and Frame of Reference UID (0x20,0x52).
The wherein TAG (0018,5100) of image value has determined that the direction of unified coordinate system, i.e., all image sequences
Parameters all provide with reference to unified coordinate system calculating(According to DICOM3.0 standard).
The TAG (0020,0032) of image value has determined that the coordinate X, Y, Z of the first pixel of this image (" upper left side ")
Value.It and TAG (0020,0037) value can determine entire image space coordinates a little.
The TAG (0020,0037) of image value can determine the unit row vector and unit column vector of image, and both
Apposition(Cross product)It is exactly unit normal vector, therefore from TAG(0020,0037)3 unit vectors can be obtained.
The TAG (0028,0030) of image value can determine actual physics width and the generation of each pixel representative of image
The actual physics height of table.
The TAG (0028,0010) of image value can determine the height of image.
The TAG (0028,0011) of image value can determine the width of image.
2nd, about the Asynchronous Request between browser and Web medical image servers.
Browser of the present invention enters line asynchronous using the Ajax technologies in JavaScript to Web medical image servers please
Ask, it is more natural and tripping during position line that it enables browser to draw.Before Ajax technologies, Web site forces user to enter
Submission/wait/shows example again, and the action of user is always synchronous with " think time " of server.Ajax is provided and service
The ability of device asynchronous communication, so that user frees from the circulation of request/response., can be in user by means of Ajax
During click button, UI is updated immediately using JavaScript and HTML5, and sends Asynchronous Request to server, to perform renewal
Or calculate.When asking to return, it is possible to correspondingly update UI using JavaScript and CSS, rather than refresh whole page
Face.Most of all, user may not even be aware that browser with server communication:Web site looks like summary responses.
After Ajax, for needing continuous drafting position line, situation about constantly being interacted with server, the sound of Web site can be shortened
Between seasonable, the processing speed of service is improved.
3rd, relevant browser draws position line using canvas attributes in HTML5.
HTML(Hypertext Markup Language), it is a kind of markup language for describing web document.And
HTML5 be for substitute HTML4.01 the and XHTML1.0 standards formulated in 1999 HTML standard version, now still in
Developing stage, but most of browser has supported some HTML5 technologies.Mono- big features of HTML5:Enhance the table of Web page
Existing performance.
In HTML5<canvas>Label is used for drawing image(Pass through script, typically JavaScript).But,<
canvas>Element does not have drawing ability in itself(It is only the container of figure), it is necessary to actual paint is completed using script
Figure task.
The position line of browser end is drawn and is namely based on HTML5 painting canvas attribute to complete in the present invention, and specific steps include:
1st, painting canvas is created using JavaScript:(The self-defined painting canvas names of canvas_obj)
var canvas_obj=document.createElement("canvas");
2nd, 2D rendered objects are returned:(Context is custom object name)
var context=canvas_obj.getContext("2d");
3rd, position line is drawn using attributes such as moveTo, lineTo of context objects.
There is the support such as Internet Explorer9, Firefox, Opera, Chrome and Safari at present<canvas>
And its attribute and method.
It is to be understood that the medical image that the present invention is signified, refers in particular to CT images or MR images.Also, on a web browser
, it is necessary to be related to two images when drafting CT images or the position line of MR images:Position image and sectioning image(Or current figure
Picture).
As shown in figure 1, the present invention includes the browser as client and the Web medical image services as service end
Device, it is the data transfer based on WADO standards between browser and Web medical image servers.
As shown in Fig. 2 the workflow between browser and Web medical image servers is as follows:
Step S1, browser sends request URL by HTTP/HTTPs agreements to Web medical image servers.
Step S1 is specifically included:First, the unique mark UID of image and present image will be positioned(Unique mark UID is shared
3, be StudyInstanceUID respectively(Check unique mark)、SeriesInstanceUID(Object sequence unique mark)
And SopInstanceUID(Object unique mark), StudyUID, SeriesUID and SopUID are briefly referred to as, these three UID
Parameter is used to specify the DICOM objects of request)On a web browser based on WADO agreements and the Ajax technologies that pass through JavaScript
Web medical image servers are passed in the form of URL, and position line draws parameter in request and includes present image
StudyUID parameters, SeriesUID parameters, SopUID parameters and a custom parameter for positioning image(For example it is
LocalizerlineUIDS, this customized optional parameters).Secondly, defined variable url_prefix comes record access address not
The part of change, it is assumed that the access path of WEB medical image servers is "/wado.cgi ", according to the requirement of WADO agreements, to browse
The URL pattern that device sends request is as follows:
url_prefix="/wado.cgi?RequestType=WADO&StudyUID="+StudyUID+"&Se ries-
UID="+SeriesUID+"&SopUID="+SopUID+"&LocalizerlineUIDS="+Localiz erline-UIDS;
Step S2, after Web medical image servers receive request URL, the WADO agreement strings in URL are parsed, according to association
Parameter reads the DICOM file information needed in view string, calculates two-dimensional coordinate value needed for drawing position line, is then responding to browse
The request of device, data result is returned into browser.
Relevant the step of obtaining DICOM file information according to request URL is prior art, and the application is not described in detail.
The application emphasis description how according to the DICOM file information of acquisition calculate draw position line needed for two-dimensional coordinate value.
The judgement of the positioning image of CT images:The StudyUID information being passed to by WADO agreements, travels through the StudyUID
All CT sequences of lower patient, judge whether it is positioning by the Image Type attributes of data element in DICOM file data
Image, if LOCALIZER represents the image as positioning image, if AXIAL is then expressed as sectioning image.
The judgement of positioning figure to MR images:The position line of MR images is a tomography, has several to position image, imaging side
Formula is complicated, can not pass through ImageType determined properties.And Frame of Reference UID attributes have been essentially directed to one
The image that width is not present, also can not effectively it be judged.Actually MR positioning images are a relative, mutual concepts, as long as
Intersection be present between two images, then any image is all likely to become the positioning image of another image in MR.
According to dicom standard, unified coordinate system is established using TAG marks in the DICOM file of acquisition.
After Web medical image servers parsing browse request URL, its corresponding DICOM file information is found.From data
Image Position Patient and Iamge Orientation two attributes of Patient in element, obtain positioning figure
Picture(It is designated as Plane1)Three-dimensional coordinate of the upper left corner end points in unified coordinate system, it is assumed that be O1(x1,y1,z1), and the positioning figure
The direction vector of the first row of pictureWith the direction vector of first row
We will position the direction vector of the first row of image firstWith the direction vector of first rowMultiplication cross computing is carried out, obtains the normal vector of located image planeSuch as formula(3-1)It is shown:
For short cut technique vector representation, it is designated asThen obtain positioning image Plane1 plane
Equation is, such as formula(3-2)It is shown:
(x-x1)dx+(y-y1)dy+(z-z1)dz=0(3-2)
For sectioning image(It is designated as Plane2):
1st, it is Image Position Patient attributes Tag (0020,0032) value to be taken out from image Plane2, it is determined that
The first pixel of sectioning image(That is the upper left corner end points of sectioning image)D coordinates value O in the unified coordinate system2(x2,
y2,z2);
2nd, it is Iamge Orientation Patient category that Tag (0020,0037) value is taken out from sectioning image Plane2
Property, the unit row vector and unit column vector that determine sectioning image are respectively
3rd, it is pixel spacing attributes Tag (0028,0030) value to be taken out from sectioning image Plane2, determines image
Each pixel represent actual physics width and represent actual physics height Spacingx, Spacingy;
4th, it is Rows attributes Tag (0028,0010) value to be taken out from sectioning image Plane2, determines the height of sectioning image
SrcHeight;
5th, it is Columns attributes Tag (0028,0011) value to be taken out from sectioning image Plane2, determines sectioning image
Width S rcWight;
The three-dimensional coordinate of four end points from sectioning image Plane2 can be so obtained, is designated as P respectively1(x, y, z), P2
(x, y, z), P3(x, y, z), P4(x,y,z)(If P1Point is O2Put the upper left corner end points for sectioning image, P2Point is section upper right
Angle end points, P3Point is lower right corner end points, P4Point is lower left corner end points)Such as formula(3-3)(3-4)(3-5)It is shown:
Then known four end points and positioning image are calculated into its vector shift, is designated as dv1, dv2, dv3, dv4,
Such as formula(3-6)Shown dv1Calculation formula:
dv1=(P1.x-O1.x)*dx+(P1.y-O1.y)*dy+(P1.z-O1.z)*dz (3-6)
Dv can similarly be obtained2, dv3, dv4, so obtain following judgement formula:
IsCross12=(dv1> 0&&dv2< 0) | | (dv1< 0&&dv2> 0)(3-7)
IsCross23=(dv2> 0&&dv3< 0) | | (dv2< 0&&dv3> 0)(3-8)
IsCross34=(dv3> 0&&dv4< 0) | | (dv3< 0&&dv4> 0)(3-9)
IsCross41=(dv4> 0&&dv1< 0) | | (dv4< 0&&dv1> 0)(3-10)
Assuming that four edges circle of this sectioning image are respectively line segment P1P2, line segment P2P3, line segment P3P4With line segment P4P1, then
According to the logic judgment of above formula it is known that such as fruit dot P1And P2Respectively positioned at the both sides of positioning image, then IsCross12 is
Very, line segment P is shown1P2There is intersection point with positioning image, similarly if IsCross23 is true, show line segment P2P3Have with positioning image
Intersection point, may determine which line segment by that analogy is to have intersection point with positioning image, while is understood if four line segments and positioning
Image does not all have intersection point, then show the section figure with positioning image be exactly parallel, then in the absence of position line.
Judgement and calculating more than, it is possible to find line segment with positioning the intersection point of image, have and only have two friendships
Point, it is designated as CrossPoint1 (x, y, z), CrossPoint2(x,y,z).Calculation formula is as follows(Assuming that IsCross12 is
Very):
CrossPo int1.x=P1.x+(P2.x-P1.x)*|dv1/(dv1-dv2)| (3-11)
CrossPo int1.y=P1.y+(P2.y-P1.y)*|dv1/(dv1-dv2)| (3-12)
CrossPo int1.z=P1.z+(P2.z-P1.z)*|dv1/(dv1-dv2)| (3-13)
CrossPoint2 can similarly be calculated.Obtain the coordinate value of two intersection points of CrossPoint1 and CrossPoint2
Afterwards, two-dimensional coordinate point CrossPoint1 (x, y) and CrossPoint2 (x, y) are converted into, that is, three dimensions point exists
The position of subpoint in plane, finally returns data to browser client by Web medical image servers again.
Step S3, by the Script controlling language of browser, position line is drawn out on CT/MR medical images.
The data returned according to Web medical image servers, browser are firstly received two two-dimensional coordinate point values
CrossPoint1 (x, y) and CrossPoint2 (x, y), two two-dimensional coordinate point value CrossPoint1 (x, y) and
CrossPoint2 (x, y) represents threshold value and end point values respectively.Then the size that is shown according to page-images, original image it is big
Small and relative block diagram image displacement etc. is converted into Web page areal coordinate.
Assuming that it is respectively srcWidth, srcHeight that the original size of sectioning image is wide and high, by based on WADO agreements
URL optional parameters Rows, Columns asks to return to Web medical image servers.Assuming that browser page display box size is
ShowFramewidth, ShowFrameheight, obtaining wide and high difference ratio is, such as formula(3-14)、(3-15)It is shown:
RatioW=ShowFramewidth/srcWidth(3-14)
RatioH=ShowFrameheight/srcHeight(3-15)
After original sectioning image endoadaptation display box, it is wide and it is high must scale at equal pace, sectioning image just will not
Distortion, and wide or high unnecessary part is referred to as non-image areas, with filled black, scaling computational methods are:
If the 1st, ratioW < ratioH, ratio=ratioW;
If the 2nd, ratioW > ratioH, ratio=ratioH;
After obtaining scaling, then calculate image it is wide and high on be not view data part, have and an only side
There is non-image areas upwards, such as formula(3-16)(3-17)It is shown:
OffsetW=(ShowFramewidth-ratio*srcWidth)/2(3-16)
OffsetH=(ShowFrameheight-ratio*srcHeight)/2(3-17)
Simultaneously it is also noted that sectioning image is in display box, relative display box is had after zoom or movement
Skew, this skew relative to the left summit of display box is designated as offsetLeft, offsetTop.
Data more than, can most individual coordinate point value CrossPoint1 (x, y) and CrossPoint2 at last
(x, y) calculates the starting point coordinate value TransStartPoint (x, y) and end coordinate values being converted into Web page
TransEndPoint(x,y)。
Wherein, such as formula(3-18)(3-19)It is shown, CrossPoint1 (x, y) is changed into TransStartPoint (x, y):
TransStartPoint.x=CrossPoint1_x*ratio+offsetW+offsetLeft(3-18)
TransStartPoint.y=CrossPoint1.y*ratio+offsetH+offsetTop(3-19)
Similarly, such as formula(3-20)(3-21)It is shown, CrossPoint2 (x, y) is changed into TransEndPoint (x, y):
TransEndPoint.x=CrossPoint2_x*ratio+offsetW+offsetLeft(3-18)
TransEndPoint.y=CrossPoint2.y*ratio+offsetH+offsetTop(3-19)
Browser draws position line using canvas attributes in HTML5.Two end points for obtaining position line on browser are sat
After mark, browser rendering technique as mentioned above, JavaScript function getContext is used()Return to one
Object, by the object provide for the method and attribute drawn on painting canvas, with dotted line connection source coordinate value
TransStartPoint (x, y) and end coordinate values TransEndPoint (x, y), i.e., draw out positioning on CT/MR images
Line.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the invention, all essences in the present invention
All any modification, equivalent and improvement made within refreshing and principle etc., should be included in the scope of the protection.
Claims (7)
- A kind of 1. method for drawing medical image position line on a web browser, it is characterised in that including step:The unique mark UID that image and sectioning image are positioned in medical image is based on WADO agreements and forms request URL by browser, And send request URL to Web medical image servers;Web medical image servers read the DICOM file information needed by analysis request URL, are calculated by positioning image Go out and draw two-dimensional coordinate value needed for position line, two-dimensional coordinate value is then returned into browser;Wherein, calculated by positioning image The step of drawing two-dimensional coordinate value needed for position line specifically includes:It is fixed that medical image included in DICOM file information is distinguished Bitmap piece and section picture;Unified coordinate system is established using TAG marks in the DICOM file of acquisition;It is determined that positioning image institute In plane, calculate this four end points of the upper left corner, the upper right corner, the lower right corner and the lower left corner of sectioning image and position the arrow between image Displacement is measured, is judged by vector shift and calculates section figure and position two intersection coordinate values between image, by two Intersection coordinate value is converted to two-dimensional coordinate value CrossPoint1 (x, y) and CrossPoint2 (x, y);Browser is drawn according to the two-dimensional coordinate value of return using canvas attributes in HTML5 on the sectioning image of medical image Go out position line.
- 2. draw the method for medical image position line on a web browser according to claim 1, it is characterised in that browser makes Asynchronous communication is carried out with the Ajax technologies in JavaScript and Web medical image servers.
- 3. draw the method for medical image position line on a web browser according to claim 1, it is characterised in that it is determined that positioning Include where image the step of plane:Three-dimensional coordinate of the upper left corner end points in unified coordinate system, it is assumed that be O1(x1,y1,z1), and the first row of the positioning image Direction vectorWith the direction vector of first rowThe direction vector of the first row of image will be positionedWith the direction vector of first rowEnter Row multiplication cross computing, obtains the normal vector of located image planeNormal vector according to positioning imageObtain positioning the plane of image, (x-x is expressed as with plane equation1) dx+(y-y1)dy+(z-z1)dz=0.
- 4. draw the method for medical image position line on a web browser according to claim 3, it is characterised in that calculate section The step of vector shift between four end points of image and positioning image, includes:Tag (0020,0032) values are taken out from sectioning image successively to determine the upper left corner end points of sectioning image in the unification D coordinates value O in coordinate system2(x2,y2,z2), take out Tag (0020,0037) value and determine the unit row vector of sectioning imageWith unit column vectorTag (0028,0030) value is taken out to determine in sectioning image often The physical height Spacingx, Spacingy of individual pixel representative, take out the height that Tag (0028,0010) value determines sectioning image SrcHeight, take out the width S rcWight that Tag (0028,0011) value determines sectioning image;The coordinate of this four end points of the upper left corner, the upper right corner, the lower right corner and the lower left corner of sectioning image is determined, is designated as P respectively1(x,y, z)、P2(x,y,z)、P3(x, y, z) and P4(x,y,z);P is calculated respectively1(x,y,z)、P2(x,y,z)、P3(x, y, z) and P4(x, y, z) and with (x-x1)dx+(y-y1)dy+(z-z1) dzVector shift dv between=0 positioning image represented1、dv2、dv3And dv4。
- 5. draw the method for medical image position line on a web browser according to claim 4, it is characterised in that by following Formula determines the coordinate P of the upper left corner end points of sectioning image respectively1The coordinate P of (x, y, z), upper right corner end points2(x, y, z), bottom right The coordinate P of angle end points3The coordinate P of (x, y, z) and lower left corner end points4(x,y,z):P1(x, y, z) is O2(x2,y2,z2),
- 6. draw the method for medical image position line on a web browser according to claim 1, it is characterised in that calculate section Zoom factor of the image in the display box on endoadaptation browser, by the width of sectioning image and height according to the scaling system After number zooms in and out processing, sectioning image is set to be shown in the display box of browser.
- 7. draw the method for medical image position line on a web browser according to claim 6, it is characterised in that browser root After carrying out conversion process according to the two-dimensional coordinate value and zoom factor of return, starting point coordinate value TransStartPoint (x, y) is obtained With end coordinate values TransEndPoint (x, y), used using canvas attributes in HTML5 on the sectioning image of medical image Dotted line connection source coordinate value TransStartPoint (x, y) and end coordinate values TransEndPoint (x, y) draws fixed Bit line.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310530395.1A CN104598469B (en) | 2013-10-31 | The method for drawing medical image position line on a web browser |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310530395.1A CN104598469B (en) | 2013-10-31 | The method for drawing medical image position line on a web browser |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104598469A CN104598469A (en) | 2015-05-06 |
CN104598469B true CN104598469B (en) | 2018-02-09 |
Family
ID=
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103093074A (en) * | 2011-11-03 | 2013-05-08 | 深圳市蓝韵网络有限公司 | Method of inserting medical images of DICOM into inspection reports |
CN103093002A (en) * | 2013-02-28 | 2013-05-08 | 谢星球 | Medical imaging communication filing system operation method |
CN103177037A (en) * | 2011-12-26 | 2013-06-26 | 深圳市蓝韵网络有限公司 | Method for rapidly displaying multiframe medical images on browser |
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103093074A (en) * | 2011-11-03 | 2013-05-08 | 深圳市蓝韵网络有限公司 | Method of inserting medical images of DICOM into inspection reports |
CN103177037A (en) * | 2011-12-26 | 2013-06-26 | 深圳市蓝韵网络有限公司 | Method for rapidly displaying multiframe medical images on browser |
CN103093002A (en) * | 2013-02-28 | 2013-05-08 | 谢星球 | Medical imaging communication filing system operation method |
Non-Patent Citations (2)
Title |
---|
"基于Web Service的PACS模型研究";滕剑锋等;《济宁医学院学报》;20121231;第33卷(第6期);全文 * |
"基于WebGL的医学图像三维可视化研究";方路平等;《计算机系统应用》;20130930;第22卷(第9期);摘要,第2-3节 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103365862B (en) | It is a kind of for generating the method and apparatus of picture corresponding with the page | |
KR101494844B1 (en) | System for Transforming Chart Using Metadata and Method thereof | |
CN107992589B (en) | SVG map data loading method, device and system | |
US20060277476A1 (en) | Method and system for dynamic generation of graphical content using a markup language | |
US20090085921A1 (en) | Populate Web-Based Content Based on Space Availability | |
US20150227276A1 (en) | Method and system for providing an interactive user guide on a webpage | |
CN109165571B (en) | Method and apparatus for inserting image | |
CN107545301A (en) | Page display method and device | |
Qiao et al. | Medical high-resolution image sharing and electronic whiteboard system: A pure-web-based system for accessing and discussing lossless original images in telemedicine | |
CN114648681B (en) | Image generation method, device, equipment and medium | |
CN114417064A (en) | Data processing method and device, computer equipment and storage medium | |
US20140053051A1 (en) | Application server and method for editing drawings of webpage | |
Wang et al. | Modelling and visualizing holographic 3D geographical scenes with timely data based on the HoloLens | |
Jia et al. | Real-time 3D reconstruction method based on monocular vision | |
CN104598469B (en) | The method for drawing medical image position line on a web browser | |
CN110162301B (en) | Form rendering method, form rendering device and storage medium | |
Wang et al. | Image-based 3D corn reconstruction for retrieval of geometrical structural parameters | |
CN114781393B (en) | Image description generation method and device, electronic equipment and storage medium | |
US8488183B2 (en) | Moving labels in graphical output to avoid overprinting | |
CN104598469A (en) | Method for drawing medical image positioning line on browser | |
Zhang et al. | Content-aware retargeted image quality assessment | |
CN116433997A (en) | Image labeling method, device and medium | |
Tanasra et al. | Automation in Interior Space Planning: Utilizing Conditional Generative Adversarial Network Models to Create Furniture Layouts | |
Guo et al. | Research on the Improvement of Semi-Global Matching Algorithm for Binocular Vision Based on Lunar Surface Environment | |
Qian et al. | Synthesis of exemplar textures by self-similarity matching |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information |
Address after: Nanshan District Xueyuan Road in Shenzhen city of Guangdong province 518000 No. 1001 Nanshan Chi Park A3 building 6 floor Applicant after: LANWON TECHNOLOGY CO., LTD. Address before: Nanshan District Xueyuan Road in Shenzhen city of Guangdong province 518000 No. 1001 Nanshan Chi Park A3 building 6 floor Applicant before: LANWON SCIENCE & TECHNOLOGY CO., LTD. |
|
GR01 | Patent grant |