550 results about "Viewport" patented technology

The invention belongs to the technical field of front-end development, and particularly relates to a React framework-based tree component optimization method fusing virtualization rendering and increment rendering. Comprising the steps of S1, data preprocessing; S2, dynamic virtualization rendering: dynamically calculating a node index range in a visible area according to a real-time scrolling position of a user viewport, only rendering nodes in the range, and realizing seamless lazy loading of data through scrolling event monitoring; s3, intelligent incremental updating: identifying changed nodes through a state change comparison algorithm, and executing local re-rendering only for the changed nodes based on a component life cycle control mechanism of a React framework; and S4, lazy loading cooperative control. The method aims at solving the problems in the aspects of performance, memory management, user experience and the like when a tree component in a React ecological system processes large-scale data, and is widely applied to various Web application program development scenes needing to display and operate a large-scale tree data structure.

The invention relates to the technical field of page rendering, and discloses a progressive page rendering method and system based on streaming data, and the method comprises the steps: carrying out the data segmentation through obtaining a data stream, user interaction data and equipment performance parameters, and obtaining data blocks; then, performing cache management in combination with the data, and constructing a multi-level cache pool; thirdly, performing priority grading and sorting on the data blocks to form a rendering task queue; and according to the equipment performance parameters, optimizing a task sequence and obtaining an optimized task sequence. Next, combining the optimized task sequence and user interaction data, predicting data about to enter a viewport, and generating a viewport pre-rendering task; and finally, according to the viewport pre-rendering task, the multi-level cache pool and the equipment performance parameters, performing rendering strategy optimization to obtain a dynamically adjusted rendering task flow. The method can realize dynamic resource scheduling.

The invention provides an online map tile fast loading and caching optimization method, medium and system, and belongs to the technical field of map processing.The method includes the steps that a tile index database and an exchange priority matrix are established, a viewport moving trend vector is calculated according to user sliding operation, a future viewport range is predicted, and a preloaded tile list is screened; the method comprises the following steps: performing cache validity check on tiles, establishing a small change detection vector to judge whether updating is needed, establishing a tile hit rate statistical matrix, fusing a time decay factor and a spatial correlation factor to calculate a popularity score, and gathering high-popularity tiles in a quick access area by adopting a thermodynamics-imitating entropy reduction algorithm to realize cache ordering. And the next tile demand of the user is predicted, so that the technical problem that the overall loading response speed is reduced due to an overlong high-value tile access path caused by disordered distribution of cache resources in the online map tile loading process is solved.

The invention belongs to the technical field of three-dimensional scene interaction, and particularly relates to a three-dimensional immersive content interaction method and system based on 3D Gaussian spattering. The method comprises the following steps: collecting a multi-view image and carrying out motion structure recovery to obtain a camera pose matrix; according to the camera pose matrix, performing three-dimensional reconstruction processing on the image data through a 3D Gaussian spattering algorithm to obtain a reconstruction model; performing behavior analysis on the historical viewport track of the user to obtain a visual angle prediction result; and according to the visual angle prediction result and the reconstruction result of the reconstruction model, video frame generation is carried out at a client through a real-time rendering engine, and a transmission result is obtained. According to the invention, the application of the 3DGS in the three-dimensional expression technology is realized, the rendering quality is improved, and the degree of participation and immersion of the user are improved.

The embodiment of the invention provides a multi-modal virtual-real interaction sand table display method and device, and the method comprises the steps: constructing a multi-modal virtual-real interaction sand table based on a digital earth through a digital twinning technology and an MR / VR / AR technology in combination with an entity sand table, and according to a spatial position identification code generated by the real-time image information of the earth entity sand table, carrying out hierarchical pose adjustment on the earth virtual sand table, so that the pose of the earth virtual sand table and the pose of the earth entity sand table are completely matched with a visual angle, and obtaining a virtual-real fused sand table. According to a multi-stage scene architecture and a mixed rendering pipeline, virtual-real fusion rendering is carried out on the sand table to obtain a virtual-real rendering sand table, multi-player thought collaborative interaction is realized by combining multi-form interaction means such as a keyboard, an operating lever, a handle, gestures, voice and a laser pen, and when a user changes a viewport, the virtual-real rendering of the sand table is realized. And displaying the sub-scene content according to the scene streaming radius. According to the application, the efficiency and flexibility of display and interaction of the multi-modal virtual-real interaction sand table can be improved.

The present invention relates to the field of intelligent trajectory prediction technology, and discloses a method and system for dynamically acquiring viewport historical coordinates to predict future viewports. The method comprises: collecting viewport trajectory data of watching immersive panoramic videos in real time through VR equipment, preprocessing the viewport trajectory data to construct a data set, and splitting the data set into a training set, a verification set, and a test set; constructing a viewport prediction model based on an implicit ensemble learning algorithm, and using the training set to train and optimize the viewport prediction model; inputting a verification set to verify the trained and optimized viewport prediction model, and inputting the test set into the viewport prediction model for evaluation, and deploying and replacing the viewport prediction model according to the evaluation result; and using the optimized and evaluated viewport prediction model to predict the future viewport of the viewport of the immersive panoramic video stream. The trajectory data of watching immersive videos is collected in real time, the problem of diversity of viewing modes is solved, and the generalization ability of the viewport prediction model is improved.

The invention discloses a mobile terminal multi-size webpage adaptive display method based on a browser viewport, which belongs to the field of browsers and comprises the following steps of: firstly, selecting iPhoneX (375px width) as a reference viewport size; and then, calculating a zoom factor according to the proportion of the viewport width of the current equipment to the reference viewport width, and dynamically adjusting the webpage content. And then, zooming the page root element by using the zooming factor. In order to adapt to screen widths and resolutions of different devices, breakpoints are set, a compact layout is applied to a narrower device, and more blanks and spaces are reserved on a wider device. And finally, recalculating the scaling in real time and updating the page. The method has the beneficial effects that a finer self-adaptive design is realized by dynamically calculating the zoom factor, adjusting the page layout in real time and optimizing display according to the breakpoint of the equipment.

The invention relates to the technical field of data processing, and discloses a visual data comprehensive processing method for automobile industrial data based on digital twinning. The method comprises the following steps: performing recursive quartering on a three-dimensional space of an automobile general assembly workshop through a workshop process pixel quadtree index algorithm, performing process type marking on multi-source heterogeneous data according to a process identification mapping rule, and allocating a workshop real-time data set to a quadtree index structure according to space coordinates to perform process state aggregation, and according to the viewport pixel mapping relation, performing weighted aggregation calculation on the process state aggregation matrix to obtain a pixel comprehensive display value, and based on the pixel comprehensive display value, performing layered rendering processing on the workshop multi-process parallel scene. According to the invention, the visual processing efficiency and the user interaction response speed of the digital twin system in the automobile industry are improved.

The invention relates to an optimization method and device for large-scale graph data visual rendering and a storage medium, and the method comprises the steps: obtaining to-be-rendered graph data, constructing an R-tree spatial index according to the to-be-rendered graph data, and constructing a self-adaptive fragmentation model based on an R-tree data structure; monitoring interaction data of a user in real time, performing viewport prediction according to the interaction data, and determining a to-be-loaded sub-graph according to a prediction result and the adaptive fragmentation model; the method comprises the following steps: acquiring system data of client equipment, analyzing the performance of the client equipment according to the system data, and determining a rendering strategy according to a performance analysis result; and performing off-screen rendering on the to-be-loaded sub-graph according to the rendering strategy, and displaying an off-screen rendering result on the client device after detecting that the user completes the corresponding operation. According to the method, the rendering granularity is dynamically adjusted through the adaptive fragmentation model, and the rendering quality and performance consumption are balanced; the user interaction intention is pre-judged through a viewport prediction algorithm, and window smooth switching is achieved in combination with off-screen rendering.

The invention discloses a user non-inductive resource efficient scheduling method and device for a VR application and a storage medium, and belongs to the field of VR application. The method comprises the following steps: respectively extracting track time sequence features and video content features from user track data and image content data; respectively calculating attention weights of track time sequence features and video content features through a cross attention mechanism, adaptively and dynamically adjusting the attention weights of the features, and generating fusion feature information; inputting the fused feature information into a viewport prediction model, and outputting a viewport position prediction result in a future time window; dynamically selecting a multi-stream data source to perform resource scheduling by taking the viewport position prediction result and the current network state as resource scheduling conditions; and allocating a first code stream channel and network resources meeting the set QOS standard to a high-priority region concerned by the user in the viewport position prediction result. The dynamic change and scene switching of user behaviors are effectively handled, and the user experience quality is ensured.

The invention provides a cloud rendering technology-based cloud CAD online cooperation system and method. The cloud rendering technology-based cloud CAD online cooperation system comprises a front end, a rear end and a network communication module, the rear end comprises a storage layer, a CAD core layer and a view layer, and the CAD core layer processes and updates CAD file data in the storage layer in real time based on any front-end data and renders the CAD file data to a video memory cache. The view layer comprises view sets in one-to-one correspondence with the front ends, any view set comprises a viewport layout module and a video coding module, and the CAD core layer realizes real-time synchronous operation of any front end on the same CAD file data and real-time synchronous operation of any front end on the same CAD file data video memory cache data by sharing the video memory cache. And the information is pushed to all front ends through the network communication module. The method has the advantages that multiple users are supported to edit the same CAD file online at the same time, and therefore interactive free modeling and parametric modeling are completed in a multi-user online cooperation scene.

The invention discloses a real-time rendering optimization method based on dynamic rendering and multi-hardware acceleration cooperation, and relates to the technical field of AR and VR real-time rendering, and the method comprises the following specific steps: dividing a user field angle into three-level resolution regions through an eye movement tracking module, and dynamically adjusting the resolution and anti-aliasing strategy of each region; stage processing is realized through an asynchronous time warping hardware acceleration module; the asynchronous time warping hardware acceleration module is combined with the optical flow compensation module to cooperatively optimize anti-aliasing compensation, and dynamic key points are extracted through a sparse optical flow algorithm; a multi-hardware acceleration collaborative architecture is adopted, and GPU rendering pipelines are divided according to a multi-viewport parallel rendering module; and the motion prediction module synchronizes IMU data in real time through a special AXI bus, so that optimization model updating is realized, and a final rendering frame is obtained. Through cooperation of dynamic rendering and multi-hardware acceleration, the bottleneck of a traditional scheme in adaptability, energy efficiency and real-time performance is solved, and the rendering quality and cruising ability of AR / VR equipment are remarkably improved.

The invention discloses a front-end performance optimization method and system based on dynamic resource loading and rendering optimization, belongs to the technical field of webpage front-end development, and aims to solve the technical problems that an on-demand loading scheme lacks dynamic strategy adaptation, is not deeply combined with a rendering process and cannot be dynamically optimized according to a real-time environment. Comprising the steps of predicting page blocks or resource types possibly accessed by a user through a behavior prediction model on the basis of user behavior data, and dynamically calculating a loading weight of each resource on the basis of the resource types, the distance between the resources and a viewport, the user behavior data and a user behavior prediction result; based on the network state and the equipment memory capacity, according to a preset resource loading strategy, setting a loading mode and a priority of resources; splitting a long list or a component in the page block into a plurality of independent frame rendering tasks, and processing the frame rendering tasks in batches in an idle period of the browser; and pre-defined performance indexes are monitored and recorded in real time.

The invention provides a simulation scene rendering optimization method, which comprises the following steps of: establishing a mapping relation between computer screen coordinates and simulation scene coordinates, calculating a simulation scene space region corresponding to a screen viewport before each time of scene loading, and removing scene elements outside the viewport to obtain a simulation scene space region; and the texture cache information of the existing scene is managed to delay release. When a new scene is switched, firstly, the viewport is continuously used for judgment and elimination, and in addition, the resource information in the texture buffer area is called, so that the amount of information sent into the GPU every time is reduced, and the rendering efficiency is improved. According to the method, the processing load of each hardware unit of the computer is reduced, the data transmission quantity among the hardware units is reduced, the system performance of simulation scene rendering is obviously optimized, and the response speed is improved. Therefore, the GPU burden is reduced, and the rendering efficiency is improved.

The invention discloses a high-speed rendering method and system for a three-dimensional large-scale dynamic net rack of a one-graph of a power grid. The method comprises the following steps: generating three-dimensional model parameters of a power transmission line according to tower account data; dynamically scheduling rendering of the three-dimensional model of the power transmission line according to the visible area range; slicing the power transformation multi-source heterogeneous three-dimensional data; optimizing a three-dimensional rendering pipeline of the power grid graph; and three-dimensional net rack high-speed rendering is carried out through visual cone removal, LOD and instantiation rendering technologies. According to the invention, based on the machine account data of the power transmission line, accurate rendering of the three-dimensional line on one graph of the power grid is realized through parametric modeling; for a multi-source heterogeneous transformer substation model, three-dimensional slices in a unified format are formed through a scene division technology, and support of a power grid graph on a three-dimensional slice rendering pipeline is expanded; in order to improve the rendering performance, dynamic rendering scheduling is carried out on the three-dimensional net rack in the viewport, repeated drawing of a large number of same devices is avoided, the performance overhead is reduced, and the performance bottleneck of loading the large-scale three-dimensional net rack is effectively solved.

A system and method for performing hydrating and rendering of controls on a low code application includes initiating a visibility watcher element. The system and method also includes continuously rendering a plurality of controls on the application when the visibility watcher element intersects with the viewport. The system and method further includes exiting from the visibility watcher element from the viewport when the visibility watcher element is no longer intersecting with the viewport.

The invention discloses a webpage layout method and device, electronic equipment and a storage medium, in response to a webpage layout adjustment instruction, display characteristic parameters of a target viewport are obtained based on a preset interface, and the display characteristic parameters comprise viewport size parameters and an equipment pixel ratio; according to the viewport size parameter, classifying the display equipment corresponding to the target viewport to the corresponding screen specification classification; when the device pixel ratio deviates from the reference value, calculating the compensation scaling of each interface element in the target viewport in the display device based on the screen specification classification and the display characteristic parameters; and performing layout optimization rendering processing on each interface element according to the compensation scaling. Compared with the prior art, the display equipment is classified into the screen specification classification through the viewport size parameters, and the rigid limitation of a traditional fixed breakpoint is broken through. By classifying the target viewports, the problem that the main content area is blank due to fixed width elements in an ultra-wide screen scene is solved, and the screen space utilization rate is increased.

Systems and methods are provided to select a set of candidate listings having geographic locations within a geographical area, fit a bound for a maps viewport to the set of candidate listings, generate a maximum score for the set of candidate listings based on a booking probability for each listing, a distance of the listing location from a center of the bound for the maps viewport, and visibility based on other listings. The systems and methods further optimize the listings shown in the maps viewport by removing and replacing farthest listings up to a predefined number of listings to be removed and computing a cumulative booking score for each set of listings to compare to the maximum score. The systems and methods cause display in a maps viewport in a user interface of a computing device of a set of listings that has a maximum score.

The invention relates to the technical field of smart home, and provides a virtual waterfall flow method and device for a production and research platform, a storage medium and a product, and the method comprises the steps: generating a card corresponding to each piece of data, and determining an index corresponding to each card; determining an initial index range of a viewport according to the initial position of the scroll bar, and rendering all cards corresponding to the initial index range of the viewport into the viewport; if the scroll event trigger is monitored, updating the current index range of the viewport according to the current position of the scroll bar; and rendering all cards corresponding to the current index range of the viewport into the viewport. According to the scheme, data display is realized based on the virtual waterfall flow, the virtual waterfall flow ensures that during the rolling period of the waterfall flow, the actually rendered DOM is controlled in the viewport range displayed to the user, and other data is only stored in the memory. When the data volume is large, the DOM operation cost is saved, smooth display is achieved, and the display performance is improved.

The invention discloses a 360-degree video viewport trajectory prediction method based on a hybrid neural network model, and belongs to the field of 360-degree video transmission and trajectory prediction. The method comprises the following steps: firstly, extracting viewport position data at a user side by equipment; then, inputting user viewport position information and a saliency image provided by a server into an encoder for processing, and generating historical input features of a user track; and finally, inputting the historical input features, the viewport position information of the current user and the future saliency image into a decoder, and predicting the viewport trajectory of the user in a period of time in the future. According to the method provided by the invention, the precision of 360-degree video viewport trajectory prediction is improved, and then the user experience of 360-degree videos is improved.

The invention provides a multi-modal medical image real-time labeling and collaborative browsing method and device based on adaptive DeepZoom and a readable storage medium thereof. A multi-resolution pyramid is constructed, a medical image is downsampled into multiple resolution levels layer by layer, each layer is divided into standard size blocks, dynamic loading is carried out based on a window, and cache management is carried out through an LRU algorithm. The problems of loading lagging and memory overflow of the GB-level image are solved; real-time synchronization of multi-user labeling operation is achieved through a WebSocket protocol, a three-level semantic label system containing lesion areas, cell types and tissue grading is supported, labeling conflicts are solved in combination with a timestamp priority strategy, and version backtracking is supported; a medical compliance log system is designed, information such as cases is recorded, and the whole operation process can be traced through synchronization of local Sqlite cache and cloud HIPAA encryption. According to the method, the medical image browsing efficiency and the labeling collaboration are remarkably improved, and the medical data compliance requirement is met.

The invention discloses a PDF progressive analysis rendering method and device and a related medium, and the method comprises the steps: constructing a rendering task context according to a target PDF document, and obtaining a rendering context data set; analyzing the rendering context data set to obtain a target page analysis task object; writing a page content stream in the target page analysis task object into an element queue, and performing viewport scheduling to obtain a viewport to-be-rendered element set; performing fragmentation rendering on the viewport to-be-rendered element set to obtain a progressive rendering control state object; and performing termination judgment on the progressive rendering control state object, and outputting a PDF progressive analysis rendering object. According to the method and the device, the to-be-rendered viewport element set obtained through calculation is subjected to fragmentation rendering to generate the bitmap, then termination judgment is performed, when the condition is met, the instruction is sent out, the resources are cleaned, and the PDF progressive analysis rendering object is obtained, so that when the PDF document is loaded, the conditions of interface blockage and first screen display delay do not occur any more, and the PDF document loading efficiency is improved.

The embodiment of the invention discloses a picture drawing method and device, equipment and a storage medium. The picture drawing method comprises the steps that multiple original pictures uploaded by a user are acquired; the original picture is converted into a to-be-displayed picture to be added in a canvas, the size of the to-be-displayed picture is equal to the to-be-displayed size of the original picture in a viewport, and the viewport comprises an area, displayed in a display screen, in the canvas; a texture image set is created, the texture image set is used for storing the texture of each to-be-displayed picture displayed in the viewport, and the size of the texture image set is determined according to the size of each to-be-displayed picture in the viewport and the position coordinates of the to-be-displayed pictures; drawing the to-be-displayed picture into the texture image set; and drawing the texture atlas into a canvas area in the viewport. According to the technical means, the technical problem that in the related technology, when a user uploads a plurality of pictures in a collaborative drawing board, the collaborative drawing board renders each picture, generated system memory resource occupation is too high is solved.

The invention relates to a two-dimensional file processing method based on three-dimensional lightweight linkage, which comprises the following steps: analyzing a three-dimensional model file generated by three-dimensional design software, and extracting key information; generating a lightweight model file, and storing coordinate information of the current viewport; receiving view information selected by the user terminal, and storing the view information in a collaborative information base; determining a projection algorithm; determining a first relative position of the labeling information relative to the component; projecting the geometric information to a two-dimensional plane according to a projection algorithm, the view range and the view angle, and generating a two-dimensional file after labeling the labeling information at the labeling position; storing the second relative position and the approval information in a collaborative information base, and associating the second relative position and the approval information with the coordinate information of the current viewport; and when the two-dimensional view of the two-dimensional file is displayed, positioning to a corresponding elevation position in the lightweight model file according to the elevation value, and displaying the approval information according to the coordinate information of the current viewport.

A computer facilitates display of content, and when criteria are satisfied, displays an option for initiating a process to display the content at a location by a second computer, facilitates initiation of a spatial real-time communication session with user(s) in a 3D environment, shares content with a second computer in response to selection of an element, in response to different inputs directed to a user of the second computer and to the content, and / or in response to movement of the content to an element, displays a sharing user interface for selecting content to share with a user in response to selection of an element displayed when the user is in a viewport of the computer, initiates a process to present a visual indication on a second computer in response to criteria being satisfied, and / or adds a user to a communication session in response to input directed at a user interface.

The disclosure provides a cleaning way for a vehicle sensor, the vehicle sensor has a viewport. The cleaning way includes steps of: controlling the vehicle sensor to scan the viewport to obtain viewport data of the vehicle sensor when the vehicle enters a cold start phase; determining whether dirt exists on the viewport based on the viewport data and predetermined dirt features; and controlling a cleaning device to clean the viewport when dirt on the viewport is detected. Additionally, the disclosure further provides a cleaning system for a vehicle sensor and a vehicle.

The invention provides a front-end list rendering method and system based on dynamic anchor point positioning, and relates to the technical field of web front-end optimizing.The method comprises the steps that the width and the height of a container provided by a user are obtained, and a list container used for being matched with the container is set; setting a configuration entry of a loading position and a loading function, and configuring a maximum position value and a minimum position value by a user through the configuration entry; anchor point elements are arranged in the viewport container, and the positions of the anchor point elements are recorded; and calculating and adjusting the rendering position of the list container according to the anchor point element position. According to the technical scheme, the user experience can be improved, and it is guaranteed that the user enjoys the smooth rolling effect when browsing the list through the reliable technology.

The invention discloses an intelligent screenshot method, device and equipment for a digital pathological section and a storage medium, and relates to the technical field of medical data processing, the method is applied to front-end equipment, and the method comprises the steps that in response to a section screenshot instruction, viewport parameters of a target section image at a current viewport and size parameters of a screenshot visual area are captured; according to the viewport parameters, drawing the slice image layer locked at the current viewport, the first annotation rendering layer and the second annotation rendering layer to an off-screen synthetic canvas corresponding to the size parameters in sequence, and generating initial screenshot data; and according to the viewport parameter and the size parameter, superposing the scale data on the initial screenshot data to generate target screenshot data. According to the method, the section image, the multi-source labeling information and the dynamic scale can be automatically synthesized during digital pathological section screenshot, manual splicing is not needed, errors are reduced, pure front-end real-time screenshot is achieved, rear-end participation is not needed, the response speed is high, and the real-time interaction requirement is met.

According to the method, a browser IntersectionObserver API is packaged and called to create an observer object, observe an intersection of elements and a viewport to work, so that elements entering and leaving the viewport are automatically monitored, and 1) loading of elements with identified specified styles to realize a customized dynamic effect and 2) triggering of a customized callback function to support user-defined event extension, such as a user-defined event extension function and a customized event extension function. When the method is applied to an official website product page, a developer does not need to write a monitoring event of a corresponding element to trigger a required dynamic effect when each carousel picture and product display loads and loads out dynamic effects, and dynamic effect display can be triggered only by adding a triggering identifier of a tool class and transmitting the triggering identifier into a callback function.

A web page embeds an AI-driven widget that converts static content into an interactive experience. Executable code builds a page interaction index from the page's DOM, including text, selectors, and positional metrics for DOM nodes. In response to natural-language input, pipelines perform summarization, stepwise explanations, voice-guided form completion with rule-based validation, and on-page product scanning to create a dynamic, user-tunable comparison table. Results are rendered as in-place overlays with interactive back-references that highlight source DOM nodes in the viewport. Speech recognition and text-to-speech enable multimodal interaction. Optional privacy gating redacts sensitive data or routes processing to local models. The system improves webpage usability by binding AI outputs to precise DOM regions and providing unified, context-aware assistance within the page.