CN111694493B - Webpage screenshot method, computer equipment and readable storage medium - Google Patents
Webpage screenshot method, computer equipment and readable storage medium Download PDFInfo
- Publication number
- CN111694493B CN111694493B CN202010512915.6A CN202010512915A CN111694493B CN 111694493 B CN111694493 B CN 111694493B CN 202010512915 A CN202010512915 A CN 202010512915A CN 111694493 B CN111694493 B CN 111694493B
- Authority
- CN
- China
- Prior art keywords
- canvas
- screenshot
- current page
- webpage
- css
- 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
- 238000000034 method Methods 0.000 title claims abstract description 30
- 238000003860 storage Methods 0.000 title claims abstract description 8
- 238000009877 rendering Methods 0.000 claims abstract description 10
- 238000004590 computer program Methods 0.000 claims description 10
- 230000001960 triggered effect Effects 0.000 claims description 6
- 230000006870 function Effects 0.000 description 8
- 239000008186 active pharmaceutical agent Substances 0.000 description 5
- 238000003825 pressing Methods 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 235000013290 Sagittaria latifolia Nutrition 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 235000015246 common arrowhead Nutrition 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
The invention discloses a webpage screenshot method, computer equipment and a readable storage medium, which relate to the technical field of computers and comprise the following steps: triggering a webpage screenshot, creating a Canvas 1 covering a current page, traversing HTML elements and CSS attributes of the current page, and generating a rendering tree; drawing a webpage on the Canvas 1 based on the rendering tree and displaying the webpage; intercepting the Canvas 1, and drawing the intercepted content on the Canvas 1 to generate a Canvas 2; the image of Canvas 2 is output. The technical scheme provided by the invention can be used for carrying out screenshot on the webpage in a computer and a mobile phone which are not provided with a screenshot client.
Description
[ technical field ] A method for producing a semiconductor device
The invention relates to the technical field of computers, in particular to a webpage screenshot method, computer equipment and a readable storage medium.
[ background of the invention ]
Screenshot of web pages is a very common requirement for users in daily work and life. At present, a plurality of clients are available on the market, such as qq, WeChat, nailing and the like, which are provided with screenshot functions. Although the screenshot scheme of the clients basically satisfies most scenes, the method also has the following great defects: 1. a client with a screenshot function must be installed; 2. and the operation at the mobile phone end cannot be carried out. These two drawbacks also result in some scenarios where there is no way to meet the customer's screenshot requirements.
[ summary of the invention ]
In order to solve the problems, the invention provides a webpage screenshot method which can be used for screenshot of a webpage in a computer and a mobile phone without a screenshot client.
In order to achieve the purpose, the invention adopts the following technical scheme:
a webpage screenshot method comprises the following steps:
triggering a webpage screenshot, and creating a Canvas 1, wherein the Canvas 1 covers the current page;
traversing HTML elements and CSS attributes of the current page to generate a rendering tree;
drawing a webpage on the Canvas 1 based on the rendering tree and displaying the webpage;
intercepting the Canvas 1, and drawing the intercepted content on the Canvas 1 to generate a Canvas 2;
the image of Canvas 2 is output.
Optionally, when the HTML element and the CSS attribute of the current page are traversed, the CSS attribute that is not assigned or is unrelated to the HTML element position and display of the current page is removed.
Optionally, when the HTML element and the CSS attribute of the current page are traversed, if the CSS attribute of the parent element and/or the ancestor element of an HTML element of the current page has import, the CSS attribute of the HTML element is made to be the CSS attribute t of the parent element and/or the ancestor element.
Optionally, when the webpage is drawn on the Canvas 1, if the CSS attribute possessed by the HTML element of the current page makes the HTML element unable to be observed after the page is rendered, the HTML element is not drawn on the Canvas 1.
Optionally, after the webpage is drawn on the Canvas 1, the attribute of the vertical scroll bar of the current page is obtained, and the top attribute of the Canvas 1 is modified in equal proportion, so that the Canvas 1 is completely displayed in the current page.
Optionally, the screenshot of the webpage is triggered, when the Canvas 1 is created, the overall height and width of the current page are obtained, the Canvas 1 with the same height and the same width is created, the CSS attribute position of the Canvas 1 is assigned as fixed, and the CSS attribute top and the CSS attribute left are assigned as 0, so that the Canvas 1 covers the current page.
Optionally, after the Canvas 1 is created, a resize event of the current page is monitored, and when the width and the height of the current page are changed, the width and the height of the Canvas 1 are adjusted in real time to adapt to the changed current page.
Optionally, when the intercepted content is drawn on the Canvas 1 to generate a Canvas 2, a screenshot tool is added, the screenshot tool includes a toolbar, the toolbar includes colors, characters, ellipses, rectangles, lines, arrows, retreats and completes, the screenshot tool monitors a mouse or screen click event, the mouse or screen click event is triggered, the current mouse and/or screen click position is recorded, a mouse or a dragging screen is moved, the mouse and/or screen click position after the mouse is moved or the screen is dragged is recorded to form a corresponding screenshot frame, the mouse or screen click event is completed, and 8 draggable points are created at the boundary of the screenshot frame.
The invention has the following beneficial effects:
according to the technical scheme, the user can complete the screenshot of the webpage under the condition that no client is installed, and the screenshot of the webpage at the mobile phone end is also realized.
Meanwhile, the invention also provides computer equipment which comprises a memory and a processor, wherein the memory stores a computer program, and the processor realizes the method of any one of the above items when executing the computer program.
Meanwhile, the invention also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor implements the method of any one of the above.
These features and advantages of the present invention will be disclosed in more detail in the following detailed description and the accompanying drawings. The best mode or means of the present invention will be described in detail with reference to the accompanying drawings, but the present invention is not limited thereto. In addition, the features, elements and components appearing in each of the following and in the drawings are plural and different symbols or numerals are labeled for convenience of representation, but all represent components of the same or similar construction or function.
[ description of the drawings ]
The invention will be further described with reference to the accompanying drawings in which:
fig. 1 is a flowchart of a first embodiment of the present invention.
[ detailed description ] embodiments
The technical solutions of the embodiments of the present invention are explained and illustrated below with reference to the drawings of the embodiments of the present invention, but the following embodiments are only preferred embodiments of the present invention, and not all embodiments. Based on the embodiments in the implementation, other embodiments obtained by those skilled in the art without any creative effort belong to the protection scope of the present invention.
Reference in the specification to "one embodiment" or "an example" means that a particular feature, structure or characteristic described in connection with the embodiment itself may be included in at least one embodiment of the patent disclosure. The appearances of the phrase "in one embodiment" in various places in the specification are not necessarily all referring to the same embodiment.
The first embodiment is as follows:
as shown in fig. 1, the present embodiment provides a method for screenshot in a web page, including the following steps:
the screenshot is triggered and the Canvas 1 is created. When creating the Canvas 1, acquiring the whole height and width of the current page, creating the Canvas 1 with the same height and width, assigning the CSS attribute position of the Canvas 1 to fixed, and assigning the CSS attribute top and the CSS attribute left to 0, so that the Canvas 1 covers the current page. After creating the Canvas 1, monitoring a resize event of the current page, and adjusting the width and the height of the Canvas 1 in real time when the width and the height of the current page are changed so as to adapt to the changed current page.
And traversing the HTML elements and the CSS attributes of the current page to generate a rendering tree. And when the HTML elements and the CSS attributes of the current page are traversed, the CSS attributes which are not assigned or are irrelevant to the position and the display of the HTML elements of the current page are removed, so that the drawing speed of the Canvas 1 is increased. The culled CSS attributes include, but are not limited to, CSS attributes such as cursor, resize, nav-right, etc., which belong to CSS attributes that do not affect HTML element position and display.
In the process of traversal, because the CSS attribute of an HTML element is affected by a parent element and a child element, a deep traversal is used, and when the CSS attribute of one HTML element of a current page is traversed, if the CSS attribute of the parent element and/or the ancestor element of the HTML element has important, the CSS attribute of the HTML element is the CSS attribute of the parent element and/or the ancestor element of the HTML element due to the fact that the attribute with important has the highest priority. For example, the CSS attribute of the parent HTML element has a color red! The CSS attribute of the HTML element is color blue, then the CSS attribute of the HTML element should be color red | on the parent HTML element! important, not color blue. And forming a rendering tree after traversing the HTML elements and the CSS attributes of the whole page.
And drawing the webpage into the Canvas 1 based on the rendering tree, drawing the webpage into the Canvas 1 through an API carried by the Canvas during drawing, and using different APIs for different types of HTML elements, for example, using an API of drawImage for pictures, an API of fileText for characters, an API of lineTo for lines and the like, which are not described herein again. If the CSS attributes of the HTML element of the current page make it unobservable after the page is rendered, the HTML element is not drawn on the Canvas 1 because the HTML element having these attributes cannot be observed by the user after the page is rendered. For example, a certain HTML element has the CSS attribute of position, and it needs to determine whether it may be out of the visible area according to the CSS attributes of top, left, right, top, etc., and the CSS attributes of position and overflow of the parent element or ancestor element. If its parent element has the CSS attributes of position: relative and overflow: hidden, and the HTML element has the CSS attributes of position: absolute, top: -50px, height:100px, then the 50px of the upper half of the HTML element will be outside of its parent element, then the excess will be hidden according to the overflow: hidden attribute on its parent element, so only the part inside the parent element will be rendered.
After rendering, the vertical scroll bar attribute of the current page is obtained, because the content height of the current page may be higher than the height of the visible area, and the position of the content height may not be the highest position, but is at the middle position through scrolling, and then the vertical sliding distance of the scroll bar needs to be obtained. And modifying the top attribute of the Canvas 1 in equal proportion to enable the Canvas 1 to be completely displayed in the current page, and then displaying the webpage drawn on the Canvas 1.
Intercepting is carried out on the Canvas 1, a screenshot tool is added during intercepting, the screenshot tool is created through HTML, CSS and Javascript and is divided into a screenshot area and a toolbar, the intercepted content is drawn on the Canvas 1 to generate the Canvas 2, and the generated Canvas 2 is the screenshot area. The toolbar is made of HTML elements and CSS, and comprises colors, characters, ellipses, rectangles, lines, arrows, and retreats. The functions are realized as follows:
color: a global variable is set globally on the current page, and is modified each time the color changes. Using the global variable to specify a currently rendered color when other internal functions are in use;
and (3) writing: monitoring a left mouse button click event, dynamically creating a Textarea element, namely a text box, at a click position, acquiring characters input by a user, and filling the characters into a Canvas 2 by a filText method provided by Canvas after the user inputs the characters and when the text box loses focus, namely clicking a place except the text box;
ellipse: drawing an ellipse by a bezier curveto method provided by Canvas, namely a bezier curve, and a mouse pressing position and a mouse lifting position of a user;
rectangle: drawing a rectangle by a lineTo method provided by Canvas, a mouse pressing position and a mouse lifting position of a user;
line: drawing lines by a lineTo method provided by Canvas, a mouse pressing position and a mouse lifting position of a user;
arrow head: arrows are drawn through the lineTo method provided by Canvas, the trigonometric function method provided by Javascript, and the mouse down position and mouse up position of the user.
Retreating: in the embodiment, a snapshot mode is adopted, after each function is finished, the content on the Canvas 2 at that time is recorded, a snapshot is formed and placed in a queue, and after a user clicks a back button, the last snapshot is drawn in the Canvas 2 through a Canvas dram image method, so that a back function is finally realized;
and (3) completing: after clicking is finished, outputting a picture according to the content on the current Canvas 2, judging whether the intercepted content needs to be downloaded or copied to a pasting board according to the configuration of a user, finally closing the screenshot tool, and deleting the Canvas 1, the Canvas 2 and the toolbar from the current page.
The screenshot tool monitors a mouse or screen click event, the mouse or screen click event is triggered, the current mouse and/or screen click position is recorded, the mouse or the screen is moved or dragged, the mouse and/or screen click position after the mouse or the screen is moved or dragged is recorded, and a corresponding screenshot frame, namely a screenshot area, namely the generated Canvas 2 is formed. And finishing the mouse or screen clicking event, creating 8 draggable points at the boundary of the screenshot box, and drawing the intercepted content on the Canvas 1 to generate the Canvas 2. In this embodiment, a mouse click is taken as an example, after a user clicks a mouse, the system records the current position of the mouse, and creates a div tag, where the created div tag belongs to a tag of HTML, and is added to a page by an appndchid method of Javascript. When the user slides the mouse, the system records the position of the current mouse in real time, and calculates the difference between the two positions (the position when clicking and the position when sliding in real time) in real time to change the height, width, left and top of the div label, so that the div label can form a cutout frame with the size required by the user. And finally, when a user lifts a mouse button, creating a Canvas apendchild to div label, keeping the height, width and div labels consistent, creating 8 draggable points at the boundary of the screenshot frame, and providing the requirement of the user for changing the size and the position of the screenshot frame subsequently.
And finally, outputting the image of the Canvas 2.
According to the technical scheme provided by the embodiment, the user can complete the screenshot of the webpage under the condition that no client is installed, and the screenshot of the webpage at the mobile phone end is also realized.
Example two
The present embodiment provides a computer device comprising a memory and a processor, the memory having a computer program stored therein, the processor implementing the method of any of the embodiments as described above when executing the computer program. It will be understood by those skilled in the art that all or part of the flow of the method implementing the above embodiments may be implemented by a computer program instructing associated hardware. Accordingly, the computer program can be stored in a non-volatile computer readable storage medium, and when executed, can implement the method according to any one of the above embodiments. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include non-volatile and/or volatile memory. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and bus dynamic RAM (RDRAM).
While the present invention has been described with reference to the preferred embodiments, it will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. Any modifications which do not depart from the functional and structural principles of the present invention are intended to be included within the scope of the claims.
Claims (8)
1. A webpage screenshot method is characterized by comprising the following steps:
triggering a webpage screenshot, and creating a Canvas 1, wherein the Canvas 1 covers the current page;
traversing HTML elements and CSS attributes of the current page to generate a rendering tree; when the HTML element and the CSS attribute of the current page are traversed, if the CSS attribute of a parent element and/or an ancestor element of a certain HTML element of the current page has important, the CSS attribute of the HTML element is made to be the CSS attribute of the parent element and/or the ancestor element;
drawing a webpage on the Canvas 1 based on the rendering tree and displaying the webpage;
acquiring the attribute of a vertical scroll bar of a current page, and modifying the top attribute of the Canvas 1 in equal proportion to enable the Canvas 1 to be completely displayed in the current page;
intercepting the Canvas 1, and drawing the intercepted content on the Canvas 1 to generate a Canvas 2;
the image of Canvas 2 is output.
2. The method for screenshot in a web page as claimed in claim 1, wherein when traversing the HTML element and its CSS attributes of the current page, CSS attributes that have not been assigned or are not related to the location and display of the HTML element of the current page are removed.
3. The method for screenshot in a webpage according to claim 1, wherein when the webpage is drawn on the Canvas 1, if the CSS attribute of the HTML element of the current page makes the HTML element of the current page unobservable after the page is rendered, the HTML element is not drawn on the Canvas 1.
4. The method for webpage screenshot according to claim 1, wherein the webpage screenshot is triggered, when a Canvas 1 is created, the overall height and width of a current page are obtained, the Canvas 1 with the same height and width is created, the CSS attribute position of the Canvas 1 is assigned as fixed, and the CSS attribute top and the CSS attribute left are assigned as 0, so that the Canvas 1 covers the current page.
5. The method for screenshot in a webpage according to claim 1, wherein after creating the Canvas 1, a resize event of the current page is monitored, and when the width and the height of the current page are changed, the width and the height of the Canvas 1 are adjusted in real time to adapt to the changed current page.
6. The method for screenshot in a webpage according to claim 1, wherein when the captured content is rendered on the Canvas 1 to generate the Canvas 2, a screenshot tool is added, the screenshot tool includes a toolbar including a color, a text, an ellipse, a rectangle, a line, an arrow, a back, and a completion, the screenshot tool monitors a mouse or a screen click event, the mouse or the screen click event is triggered, a current mouse and/or screen click position is recorded, a mouse or a dragged screen is moved, a mouse and/or screen click position after the mouse or the dragged screen is recorded to form a corresponding screenshot frame, the mouse or screen click event is completed, and 8 draggable points are created at a boundary of the screenshot frame.
7. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor implements the method of any one of claims 1 to 6 when executing the computer program.
8. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of any one of claims 1 to 6.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010512915.6A CN111694493B (en) | 2020-06-08 | 2020-06-08 | Webpage screenshot method, computer equipment and readable storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010512915.6A CN111694493B (en) | 2020-06-08 | 2020-06-08 | Webpage screenshot method, computer equipment and readable storage medium |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111694493A CN111694493A (en) | 2020-09-22 |
CN111694493B true CN111694493B (en) | 2022-05-31 |
Family
ID=72479739
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010512915.6A Active CN111694493B (en) | 2020-06-08 | 2020-06-08 | Webpage screenshot method, computer equipment and readable storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111694493B (en) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112230896A (en) * | 2020-10-21 | 2021-01-15 | 苏州速显微电子科技有限公司 | Method for realizing AHMI IDE system rendering tool |
CN115809387A (en) * | 2022-11-29 | 2023-03-17 | 四川虹魔方网络科技有限公司 | Webpage element screenshot realization method based on SVG |
CN117076811A (en) * | 2023-10-13 | 2023-11-17 | 腾讯科技(深圳)有限公司 | Webpage export method, device, equipment and storage medium |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8635518B1 (en) * | 2011-07-21 | 2014-01-21 | Google Inc. | Methods and systems to copy web content selections |
CN107608731A (en) * | 2017-09-15 | 2018-01-19 | 广州优视网络科技有限公司 | A kind of picture loading method and device |
CN107885848A (en) * | 2017-11-10 | 2018-04-06 | 杭州美创科技有限公司 | Web page screen-cutting method based on web technology |
CN110244896A (en) * | 2019-06-24 | 2019-09-17 | 北京向上一心科技有限公司 | Screenshot method, device, controller and storage medium in webpage |
CN110516177A (en) * | 2019-07-11 | 2019-11-29 | 平安普惠企业管理有限公司 | Page zoom-in and zoom-out method, apparatus, equipment and computer readable storage medium |
CN110968236A (en) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | Screenshot method and device based on webpage |
-
2020
- 2020-06-08 CN CN202010512915.6A patent/CN111694493B/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8635518B1 (en) * | 2011-07-21 | 2014-01-21 | Google Inc. | Methods and systems to copy web content selections |
CN107608731A (en) * | 2017-09-15 | 2018-01-19 | 广州优视网络科技有限公司 | A kind of picture loading method and device |
CN107885848A (en) * | 2017-11-10 | 2018-04-06 | 杭州美创科技有限公司 | Web page screen-cutting method based on web technology |
CN110968236A (en) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | Screenshot method and device based on webpage |
CN110244896A (en) * | 2019-06-24 | 2019-09-17 | 北京向上一心科技有限公司 | Screenshot method, device, controller and storage medium in webpage |
CN110516177A (en) * | 2019-07-11 | 2019-11-29 | 平安普惠企业管理有限公司 | Page zoom-in and zoom-out method, apparatus, equipment and computer readable storage medium |
Also Published As
Publication number | Publication date |
---|---|
CN111694493A (en) | 2020-09-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111694493B (en) | Webpage screenshot method, computer equipment and readable storage medium | |
US11307750B2 (en) | Method and system for section-based editing of a website page | |
US11720739B2 (en) | System and method for extended dynamic layout | |
US8640022B2 (en) | Integration of spreadsheet objects on web page | |
CN102662616B (en) | For screen graph adaptive approach and the system of mobile terminal | |
WO2021068331A1 (en) | Web page adaptive layout method, server and computer-readable storage medium | |
CN108279964B (en) | Method and device for realizing covering layer rendering, intelligent equipment and storage medium | |
US10210144B2 (en) | Creation and display of a webpage with alternative layouts for different webpage widths | |
US20150286739A1 (en) | Html5-protocol-based webpage presentation method and device | |
CN109614601A (en) | Form processing method, device, equipment and readable medium based on web | |
CN110377285A (en) | A kind of method, apparatus and computer equipment generating page skeleton screen | |
WO2015196822A1 (en) | Method and device for adapting webpage to screen layout | |
US20140164911A1 (en) | Preserving layout of region of content during modification | |
CN111259644A (en) | Rich text processing method, editor, equipment and storage medium | |
US20150370439A1 (en) | Gpu-optimized scrolling systems and methods | |
US9886465B2 (en) | System and method for rendering of hierarchical data structures | |
CN109683978A (en) | A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface | |
CN111324381B (en) | Development system, development method, development apparatus, computer device, and storage medium | |
CN108874392A (en) | User's guideline interface generation method and device | |
CN108984175A (en) | The power grid SVG line chart methods of exhibiting of object-oriented suitable for mobile device | |
CN113687809A (en) | Information display method and device, electronic equipment and readable storage medium | |
US11599599B1 (en) | Emulating a transparency effect for a display element | |
CN117055987A (en) | Webpage display method and device, electronic equipment and computer readable storage medium | |
CN112925843A (en) | Method and system for changing map display effect based on graphical interface configuration | |
CN117688916A (en) | Method, device, equipment and storage medium for inserting form in layout document |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: A web page screenshot method, computer device, and readable storage medium Effective date of registration: 20231229 Granted publication date: 20220531 Pledgee: Hangzhou United Rural Commercial Bank Co.,Ltd. Dongyue sub branch Pledgor: HANGZHOU YOUZAN TECHNOLOGY CO.,LTD. Registration number: Y2023980074694 |
|
PE01 | Entry into force of the registration of the contract for pledge of patent right |