CN111768823B

CN111768823B - SVG element-based medical expression editing method, device, equipment and medium

Info

Publication number: CN111768823B
Application number: CN202010568165.4A
Authority: CN
Inventors: 杨文龙; 周承志
Original assignee: Shanghai Synyi Medical Technology Co ltd
Current assignee: Shanghai Synyi Medical Technology Co ltd
Priority date: 2020-05-28
Filing date: 2020-06-19
Publication date: 2021-04-27
Anticipated expiration: 2040-06-19
Also published as: CN111768823A

Abstract

The application provides a method, a device, equipment and a medium for editing a medical expression based on SVG elements, wherein corresponding style template creation element nodes are taken out from a style template set according to the type of the medical expression to be created, and attribute sets corresponding to the style templates are assigned to the element nodes; and converting the element nodes into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into the medical expression of the SVG element image. The method and the system can meet the business requirements of hospitals on writing and data utilization of the medical expression, achieve accurate and lossless creation or modification, and achieve data sharing and exchange of the medical expression; in addition, the new generation electronic medical record editor constructed by taking SVG elements as the core is superior to the traditional canvas method in the aspects of expandability, image precision and the like of medical expression editing.

Description

SVG element-based medical expression editing method, device, equipment and medium

Technical Field

The invention relates to the technical field of electronic medical record printing, in particular to a method, a device, equipment and a medium for editing a medical expression based on SVG elements.

Background

The medical record is the original record of the whole process of diagnosis and treatment of the patient in the hospital. At present, the medical record is written by a doctor through an electronic medical record editor. In case writing, there are some medical expressions by which doctors describe some specific medical scenarios. Such as history of menstruation, fetal heart, visual field, etc. This type of expression is composed of a series of specific words and symbols.

For example, menstrual history:

the medical expression is used to describe some key information in menstrual history (beginner, period, cycle, etc.). The traditional medical expression editing method is realized by using a Canvas object in a windows operating system, and the method has certain defects in the aspects of performance, expandability, graphic precision and the like. Therefore, by means of the SVG element of the Html5, a new set of mechanism is provided to realize the medical expression, so that the medical expression can be accurately and losslessly created and modified, and data sharing and exchange of the medical expression are realized.

Disclosure of Invention

In view of the above-mentioned shortcomings of the prior art, it is an object of the present application to provide a method, apparatus, device and medium for SVG element-based medical expression editing to solve at least one problem existing in the prior art.

To achieve the above and other related objects, the present application provides a method for editing a medical expression based on SVG elements, the method comprising: according to the type of the medical expression to be created, taking out the corresponding style template from the style template set to create element nodes, and assigning the attribute set corresponding to the style template to the element nodes; and converting the element nodes into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into the medical expression of the SVG element image.

In an embodiment of the application, the style template set is a html style template set which is prepared in advance according to the medical expression type and contains each SVG element and is stored in different types.

In an embodiment of the present application, the converting the element node into a document object model character string and encoding the character string includes: converting the element node into a document object model character string; encoding the character string to process the character string into an effective URI character string; the URI string is prefixed with base64 code to be a final string that can be directly analyzed and used.

In an embodiment of the application, after the converting the element node into the document object model character string, the method includes: and converting the element nodes into document object model character strings, storing the document object model character strings in the medical expression object, and taking the document object model character strings as an intermediate data state of the medical expression so as to provide a data source for editing and modifying the medical expression.

In an embodiment of the present application, the method includes: acquiring a modification instruction aiming at a medical expression; popping up a corresponding numerical value modification form according to the type of the medical expression for modification; wherein, different kinds of medical expressions correspond to respective dedicated modifiable numerical content.

In an embodiment of the present application, the method includes: after the numerical value in the current medical expression is modified, acquiring a character string converted corresponding to the element node from the current medical expression, and analyzing the element node according to the character string; and correspondingly changing the element node according to the modified numerical value in the numerical value modification window to obtain the modified element node with updated content.

In an embodiment of the present application, the method includes: adding the modified element node with updated content to the document object model, and measuring the width of each sub-element with changed numerical content to obtain a width set; calculating the latest width of the modification element node, the graphic extension parameter and the coordinate values of image sub-elements corresponding to all characters or lines in the modification element node according to the width set and the medical expression of the current type, and updating to obtain a modification element node with an updated style; and converting the modified element nodes with updated contents and styles into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into medical expressions of modified SVG element images.

To achieve the above and other related objects, the present application provides an SVG element-based medical expression editing apparatus, the apparatus including: the first processing module is used for taking out corresponding style template creation element nodes from the style template set according to the type of the medical expression to be created and assigning the attribute set corresponding to the style template to the element nodes; and the second processing module is used for converting the element nodes into document object model character strings, coding the character strings, analyzing the character strings into document object model character strings in the rendering process and displaying the document object model character strings into medical expressions of SVG element images.

To achieve the above and other related objects, the present application provides a computer apparatus, comprising: a memory, and a processor; the memory is to store computer instructions; the processor executes computer instructions to implement the method as described above.

To achieve the above and other related objects, the present application provides a computer readable storage medium storing computer instructions which, when executed, perform the method as described above.

In summary, according to the SVG element-based medical expression editing method, apparatus, device and medium provided by the present application, a corresponding style template creation element node is taken out from a style template set according to a type of a medical expression to be created, and an attribute set corresponding to the style template is assigned to the element node; and converting the element nodes into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into the medical expression of the SVG element image.

Has the following beneficial effects:

the Web editor based on SVG rendering provides a method for realizing a medical expression, can meet the business requirements of a hospital on writing and data utilization of the medical expression, can accurately and nondestructively establish or modify the medical expression, and can realize data sharing and exchange of the medical expression; in addition, the new generation electronic medical record editor constructed by taking SVG elements as the core is superior to the traditional canvas method in the aspects of expandability, image precision and the like of medical expression editing.

Drawings

Fig. 1 is a flowchart illustrating an SVG element-based medical expression editing method according to an embodiment of the present application.

Fig. 2 is a block diagram of an SVG element-based medical expression editing apparatus according to an embodiment of the present application.

Fig. 3 is a schematic structural diagram of a computer device according to an embodiment of the present application.

Detailed Description

The following description of the embodiments of the present application is provided by way of specific examples, and other advantages and effects of the present application will be readily apparent to those skilled in the art from the disclosure herein. The present application is capable of other and different embodiments and its several details are capable of modifications and/or changes in various respects, all without departing from the spirit of the present application. It is to be noted that the features in the following embodiments and examples may be combined with each other without conflict.

It should be noted that the drawings provided in the following embodiments are only schematic and illustrate the basic idea of the present application, and although the drawings only show the components related to the present application and are not drawn according to the number, shape and size of the components in actual implementation, the type, quantity and proportion of the components in actual implementation may be changed at will, and the layout of the components may be more complex.

At present, a medical expression editing method is realized by utilizing a Canvas object in a windows operating system, but the method has defects in the aspects of performance, expandability, graphic precision and the like.

The core idea of the design method is that SVG elements are used as the core to build a new generation of electronic medical record editors, so that accurate and lossless creation and modification of medical expressions are realized.

Compared with the traditional canvas method, the method of the application has the following differences in two aspects:

1) the drawing method is fundamentally different. SVG is drawn by a vector mechanism, consists of graphics and can adjust the style by a cascading style sheet; canvas is drawn by a grid mechanism, the drawing method is an internal drawing function and is composed of pixels, and the style cannot be adjusted by a cascading style sheet. For example, when scaling medical expressions, the pixel quality is lossless, while canvas rendered graphics pixels are blurred or distorted due to the vector nature of SVG element pictures.

2) The performance of the WEB editor constructed based on the SVG elements is more advantageous than a canvas method based on a windows operating system in the aspects of expandability, image precision and the like. Moreover, the canvas method is not suitable for editors with SVG elements as the core.

Therefore, the new generation electronic medical record editor built by taking the SVG element as the core is obviously superior to the traditional canvas method in the aspect of medical expression editing.

Fig. 1 shows a flow chart of an SVG element-based medical expression editing method in an embodiment of the present application. As shown, the method comprises:

step S101: according to the type of the medical expression to be created, the corresponding style template T1 is taken out from the style template set Tc to create an element node E1, and the attribute set corresponding to the style template T1 is assigned to the element node E1.

In an embodiment of the present application, the style template set Tc is a set of style templates that are pre-made and store different types of html containing SVG elements according to the medical expression type.

SVG is an image file format, known as Scalable Vector Graphics in english, meaning Scalable Vector Graphics. It is a language for describing two-dimensional graphics and drawing programs based on xml (extensible Markup language). Strictly speaking, the vector graphics language should be an open standard, and the high-resolution Web graphics page can be designed. The user can directly draw the image with the code, open the SVG image with any word processing tool, make the image have interactive function by changing part of the code, and can insert into HTML at any time to watch through a browser. As an open network standard based on text, SVG can gracefully and concisely render graphics of different sizes and seamlessly connect with other network standards such as CSS, DOM, JavaScript and SMIL. In essence, SVG is as for images as compared to HTML versus text.

SVG images and their associated behavior are defined in XML text files, which means that they can be searched, indexed, scripted, and compressed. Furthermore, this also means that any text editor and drawing software can be used to create and edit them.

It should be noted that, unlike conventional dot-matrix image modes, like JPEG and PNG, the SVG format provides a vector diagram, which means that its image can be infinitely enlarged without distortion or degradation of quality, and the content can be easily modified. The method is one of the main embodiments that a new generation electronic medical record editor constructed by taking SVG elements as the core is obviously superior to the traditional canvas method in medical expression editing.

HTML, known as hypertext markup language, is a markup language. The document format on the network can be unified through the labels, so that the scattered Internet resources are connected into a logic whole. HTML text is descriptive text consisting of HTML commands that can specify words, graphics, animations, sounds, tables, links, etc.

Web (world Wide web), a global Wide area network, also known as the world Wide web, is a hypertext and HTTP based, global, dynamically interactive, cross-platform, distributed graphical information system. The network service is built on the Internet, provides a graphical and easily accessible visual interface for a browser to search and browse information on the Internet, and documents and hyperlinks organize information nodes on the Internet into a mutually-associated mesh structure.

In this embodiment, the style template may include characteristic characters or symbols required in a medical expression describing some specific medical scenario, such as menstrual history, fetal heart, visual field, etc. Alternatively, the style template predefines shape elements such as rectangles (rect), circles (circle), ellipses (ellipse), line segments (line), polylines (polyline), polygons (polygon), paths (path), and the like.

General SVG can provide 3 types of graphical objects: vector graphic shape (e.g., a path consisting of straight lines and curved lines), image (image), text (text). The graphic objects can also be grouped, added with styles, transformed, combined and the like, and the feature set comprises nested transformations (nested transformations), clipping paths (clipping paths), alpha masks (alpha masks), filter effects (filter effects), template objects (template objects) and other extensions (extensions).

In this embodiment, various types of medical expression style template sets Tc are created in advance, and the style templates are composed of html style templates of different types of SVG elements. And the style template set also comprises style templates in which medical expressions are written. According to the type of the medical expression to be created, the corresponding SVG style template T1 is taken out from the style template set Tc, an element node E1 is created for a data source, and the attribute set (such as height, width and other attributes) corresponding to T1 is assigned to E1. And elements are separated from the pattern template, and the integrity of the pattern template is kept.

Step S102: and converting the element node E1 into a document object model character string, and coding the character string so as to be analyzed into the document object model character string in the rendering process and be displayed as a medical expression of the SVG element image.

In an embodiment of the present application, the converting the element node E1 into a document object model character string and encoding the character string includes:

A. converting the element node E1 into a document object model string;

B. encoding the character string to be processed into a valid URI character string, namely, into a valid URI (Uniform resource identifier) component;

C. the URI string is prefixed with base64 code to be a final string S1 that can be directly analyzed and used.

And the final character string S1 is analyzed into a document object model character string in the rendering process, so that the medical expression which is finally displayed as the SVG image element is realized.

In an embodiment of the present application, after the converting the element node into the document object model character string, the method includes: and converting the element node E1 into a document object model character string, storing the document object model character string in a medical expression object to form a character string S2, and using the character string S2 as an intermediate data state of the medical expression to provide a data source for editing and modifying the medical expression. And the stored data may be used for data sharing and exchange of medical expressions.

The above description of the embodiments mainly describes the creation and storage of medical expressions, and the following description mainly describes the modification of medical expressions.

In an embodiment of the present application, the method includes:

a) modification instructions for the medical expression are obtained. For example, the doctor selects a medical expression into which the document has been inserted and then issues modification instructions for the medical expression by double-clicking or right-clicking a menu selection.

b) Popping up a corresponding numerical value modification form according to the type of the medical expression for modification; wherein, different kinds of medical expressions correspond to respective dedicated modifiable numerical content.

Further, after the value modification is completed, the method further comprises the following steps:

c) after the numerical value modification in the current medical expression is completed, a character string S2 converted corresponding to the element node E1 is obtained from the current medical expression, and the element node E1 is analyzed according to the character string S2.

Here, the character string S2 is the character string S2 stored in the medical expression object after the element node E1 is converted into the document object model character string.

d) Correspondingly changing the element node E1 according to the modified value in the value modification window in the step b) to obtain a modified element node E2 with updated content.

It should be noted that with the element node E1, the document object model is directly operated according to the finally modified value set in b), and the specific content of E1 is correspondingly changed to realize value update. Resulting in modified element node E2. At this time. The numerical content of E2 has been updated, but the style has not been updated.

e) The modified element node E2 with updated content is added to the document object model (html dom), and the width of each child element with changed numerical content is measured to obtain the width set W1.

Specifically, the modifying element node E2 is added to the document object model, and the width of each SVG sub-element in each modifying element node E2 with numerical content change is measured in a manner of a "bounding box object" specific to SVG, so as to obtain a width set W1. In addition, the application attaches the modified element node E2 to the document object model mainly for ranging each SVG subelement, and after ranging is completed, E2 can be removed from the document object model.

f) According to the width set W1 and the medical expression of the current type, calculating the latest width of the modified element node E2, the graphic extension parameters and the coordinate values of the image sub-elements corresponding to all characters or lines in the modified element node, and updating to obtain a modified element node E2 with an updated style.

Specifically, according to the width set W1 and the medical expression of the current category, the latest width of E2, the value of the graphic extension parameter (such as the viewBox: one of the attributes of the SVG image), and the coordinate of the image sub-element corresponding to all the characters or lines in E2 are calculated and updated, so as to obtain the modified element node E2 which is the style to be updated. At this time, the content and style of E2 are updated, and the rendering and attribute state saving steps described above may be continued.

g) And converting the modified element node E2 with updated content and style into a document object model character string, and encoding the character string so as to be analyzed into the document object model character string in the rendering process and be displayed as a medical expression of the modified SVG element image.

Namely, what is expressed in step g) is to carry out the re-substitution of the modified element nodes into step S102, and finally obtain the medical expression of the modified SVG element image.

In an embodiment of the application, for the medical expression of the SVG elemental image, due to the vector diagram characteristics of the SVG elemental image, the content of the document object model character string is not affected during zooming, only the height and the width of the SVG elemental image are changed, and the image quality of the medical expression is lossless.

In summary, the application provides a method for implementing a medical expression for a Web editor based on SVG rendering, which can meet the business requirements of hospitals on writing and data utilization of the medical expression, achieve accurate and lossless creation or modification, and implement data sharing and exchange of the medical expression; in addition, the new generation electronic medical record editor constructed by taking SVG elements as the core is superior to the traditional canvas method in the aspects of expandability, image precision and the like of medical expression editing.

Fig. 2 is a block diagram of an SVG element-based medical expression editing apparatus according to an embodiment of the present application. As shown, the apparatus 200 includes:

the first processing module 201 is configured to, according to a type of a medical expression to be created, take out a corresponding style template creation element node from a style template set, and assign an attribute set corresponding to the style template to the element node;

and the second processing module 202 is configured to convert the element node into a document object model character string, encode the character string, analyze the character string into a document object model character string in a rendering process, and display the character string as a medical expression of an SVG element image.

It should be noted that, because the contents of information interaction, execution process, and the like between the modules/units of the apparatus are based on the same concept as the method embodiment described in the present application, the technical effect brought by the contents is the same as the method embodiment of the present application, and specific contents may refer to the description in the foregoing method embodiment of the present application, and are not described herein again.

It should be further noted that the division of the modules of the above apparatus is only a logical division, and the actual implementation may be wholly or partially integrated into one physical entity, or may be physically separated. And these units can be implemented entirely in software, invoked by a processing element; or may be implemented entirely in hardware; and part of the modules can be realized in the form of calling software by the processing element, and part of the modules can be realized in the form of hardware. For example, the second processing module 202 may be a separate processing element, or may be integrated into a chip of the apparatus, or may be stored in a memory of the apparatus in the form of program code, and a certain processing element of the apparatus calls and executes the functions of the second processing module 202. Other modules are implemented similarly. In addition, all or part of the modules can be integrated together or can be independently realized. The processing element described herein may be an integrated circuit having signal processing capabilities. In implementation, each step of the above method or each module above may be implemented by an integrated logic circuit of hardware in a processor element or an instruction in the form of software.

For example, the above modules may be one or more integrated circuits configured to implement the above methods, such as: one or more Application Specific Integrated Circuits (ASICs), or one or more microprocessors (DSPs), or one or more Field Programmable Gate Arrays (FPGAs), among others. For another example, when one of the above modules is implemented in the form of a Processing element scheduler code, the Processing element may be a general-purpose processor, such as a Central Processing Unit (CPU) or other processor capable of calling program code. For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).

Fig. 3 is a schematic structural diagram of a computer device according to an embodiment of the present invention. As shown, the computer device 300 includes: a memory 301, and a processor 302; the memory 301 is used for storing computer instructions; the processor 302 executes computer instructions to implement the method described in fig. 1.

In some embodiments, the number of the memories 301 in the computer device 300 may be one or more, the number of the processors 302 may be one or more, and fig. 3 illustrates one example.

In an embodiment of the present application, the processor 302 in the computer device 300 loads one or more instructions corresponding to processes of an application program into the memory 301 according to the steps described in fig. 1, and the processor 302 executes the application program stored in the memory 301, thereby implementing the method described in fig. 1.

The Memory 301 may include a Random Access Memory (RAM), and may also include a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. The memory 301 stores an operating system and operating instructions, executable modules or data structures, or a subset thereof, or an expanded set thereof, wherein the operating instructions may include various operating instructions for implementing various operations. The operating system may include various system programs for implementing various basic services and for handling hardware-based tasks.

The Processor 302 may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the Integrated Circuit may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.

In some specific applications, the various components of the computer device 300 are coupled together by a bus system that may include a power bus, a control bus, a status signal bus, etc., in addition to a data bus. But for clarity of explanation the various buses are referred to in figure 3 as a bus system.

In an embodiment of the present application, a computer-readable storage medium is provided, on which a computer program is stored, which when executed by a processor implements the method described in fig. 1.

The computer-readable storage medium, as will be appreciated by one of ordinary skill in the art: the embodiment for realizing the functions of the system and each unit can be realized by hardware related to computer programs. The aforementioned computer program may be stored in a computer readable storage medium. When the program is executed, the embodiment including the functions of the system and the units is executed; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.

In summary, according to the SVG element-based medical expression editing method, apparatus, device and medium provided by the present application, a corresponding style template creation element node is taken out from a style template set according to a medical expression type to be created, and an attribute set corresponding to the style template is assigned to the element node; and converting the element nodes into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into the medical expression of the SVG element image.

The application effectively overcomes various defects in the prior art and has high industrial utilization value.

The above embodiments are merely illustrative of the principles and utilities of the present application and are not intended to limit the invention. Any person skilled in the art can modify or change the above-described embodiments without departing from the spirit and scope of the present application. Accordingly, it is intended that all equivalent modifications or changes which can be made by those skilled in the art without departing from the spirit and technical spirit of the present invention be covered by the claims of the present application.

Claims

1. An SVG element-based medical expression editing method is characterized by comprising the following steps:

according to the type of the medical expression to be created, taking out the corresponding style template from the style template set to create element nodes, and assigning the attribute set corresponding to the style template to the element nodes; the style template set is a html style template set which is made in advance according to the type of the medical expression and contains the SVG elements and is stored in different types;

and converting the element nodes into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into the medical expression of the SVG element image.

2. The method of claim 1, wherein converting the element node into a document object model string and encoding the string comprises:

converting the element node into a document object model character string;

encoding the character string to process the character string into an effective URI character string;

the URI string is prefixed with base64 code to be a final string that can be directly analyzed and used.

3. The method of claim 1, wherein after converting the element node into a document object model string, the method comprises:

and converting the element nodes into document object model character strings, storing the document object model character strings in the medical expression object, and taking the document object model character strings as an intermediate data state of the medical expression so as to provide a data source for editing and modifying the medical expression.

4. A method according to any one of claims 1-3, characterized in that the method comprises:

acquiring a modification instruction aiming at a medical expression;

popping up a corresponding numerical value modification form according to the type of the medical expression for modification; wherein, different kinds of medical expressions correspond to respective dedicated modifiable numerical content.

5. The method according to any one of claim 4, characterized in that the method comprises:

after the numerical value in the current medical expression is modified, acquiring a character string converted corresponding to the element node from the current medical expression, and analyzing the element node according to the character string;

and correspondingly changing the element node according to the modified numerical value in the numerical value modification window to obtain the modified element node with updated content.

6. The method according to any one of claims 5, characterized in that the method comprises:

adding the modified element node with updated content to the document object model, and measuring the width of each sub-element with changed numerical content to obtain a width set;

calculating the latest width of the modification element node, the graphic extension parameter and the coordinate values of image sub-elements corresponding to all characters or lines in the modification element node according to the width set and the medical expression of the current type, and updating to obtain a modification element node with an updated style;

and converting the modified element nodes with updated contents and styles into document object model character strings, and coding the character strings so as to be analyzed into the document object model character strings in the rendering process and display the document object model character strings into medical expressions of modified SVG element images.

7. An SVG element-based medical expression editing apparatus, comprising:

the first processing module is used for taking out corresponding style template creation element nodes from the style template set according to the type of the medical expression to be created and assigning the attribute set corresponding to the style template to the element nodes; the style template set is a html style template set which is made in advance according to the type of the medical expression and contains the SVG elements and is stored in different types;

and the second processing module is used for converting the element nodes into document object model character strings, coding the character strings, analyzing the character strings into document object model character strings in the rendering process and displaying the document object model character strings into medical expressions of SVG element images.

8. A computer device, the device comprising: a memory, and a processor; the memory is to store computer instructions; the processor executes computer instructions to implement the method of any one of claims 1 to 6.

9. A computer-readable storage medium having stored thereon computer instructions which, when executed, perform the method of any one of claims 1 to 6.