Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

User-defined drawing method based on web page

A custom, page technology, applied in the input/output process of data processing, special data processing applications, website content management, etc., to achieve the effect of reducing the use of resources, convenient deployment, and occupying less resources

Pending Publication Date: 2021-11-09
SHANDONG LANGCHAO YUNTOU INFORMATION TECH CO LTD
View PDF0 Cites 4 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The technical task of the present invention is to provide a method for customizing drawing based on web pages for the above-mentioned existing problems, which mainly solves the problems of IT workers drawing flowcharts, organizational charts, mind maps and UML diagrams on web pages

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • User-defined drawing method based on web page

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0034] The present invention will be described in further detail below in conjunction with the accompanying drawings and embodiments.

[0035] A method for customizing drawing based on a web page, the implementation process of the method includes the following steps:

[0036] S1. Pre-basic drawing unit preparation, use Illustrator or Inkscape to create basic SVG images, such as rectangles, trapezoids, triangles, polygons and other shape units and solid lines, dashed lines, curves, arrows, etc.

[0037] S2. Prepare to draw the basic pictures that are often used in UML (png pictures with transparent backgrounds for subsequent modification), such as character diagrams, server diagrams, switches, routers, etc.

[0038] S3. Plan the overall web page layout, place the prepared basic drawing unit on the left side of the page and add a drag event, add an svg canvas in the middle, and add a module for editing and modifying the basic unit in the canvas on the right side of the page.

...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a user-defined drawing method based on a web page. The web page layout comprises a basic drawing unit and an svg canvas; according to the method, the basic drawing unit is built in through the svg technology, the basic drawing unit is edited on the svg canvas in a dragging mode, and information such as the position and the style of the basic drawing unit is modified. The method is easy to operate and convenient to deploy, a user can easily and quickly draw needed graphs, meanwhile, the method is based on web services of html, css and js, occupied resources are few, the user can directly open and edit the graphs on a local machine, so that confidentiality and safety are guaranteed, meanwhile, use of the resources is reduced, and work can be better completed. According to the invention, the template of the SVG to be displayed can be designed in advance and directly imported into the canvas for processing and editing.

Description

technical field [0001] The invention relates to the technical field of web page production, and specifically provides a method for customizing drawing based on web pages. Background technique [0002] In the process of software development, a large number of flowcharts, use case diagrams, class diagrams, etc. are involved in the process from initial requirement analysis, outline design to software development and then to software testing. The commonly used tools for drawing these graphics at work are Microsoft Visio and online drawio, but the Microsoft Visio installation package is huge, and it takes up a lot of system resources when using Microsoft Visio locally. You can do other work at the same time, otherwise there will be a possibility of getting stuck, resulting in the loss of the graphics you have worked so hard to draw before. [0003] At present, there are many online drawing tools, but the software development work involves company confidential information, and th...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/958G06F8/38G06F3/0484G06F3/0486G06F3/0487
CPCG06F16/958G06F8/38G06F3/04845G06F3/0486G06F3/0487
Inventor 贺茂林高传集董玉全徐士强
Owner SHANDONG LANGCHAO YUNTOU INFORMATION TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com