10 results about "Web graphics" patented technology

This invention discloses a method for fusion display and output of a desktop map engine and a web graphics engine, comprising the following steps: S1, setting a target desktop application and loading web page content through the web application; S2, adjusting the web page size setting in the web application to match the window size in the desktop application, and determining the relative position and scaling ratio between the desktop content and the web page content; S3, overlaying the web application content onto the desktop application, thereby achieving fusion display of the desktop map engine and the web application; S4, according to user requirements, overlaying the custom content drawn on the desktop with the output file of the web page content, merging them into a single file, and outputting it.

graphic Design for digital, Print and Web

The invention discloses a digital twinborn real-time synchronization and rendering method and system based on a WebGPU, and belongs to the technical field of digital twinborn and high-performance Web graphic computing. Aiming at the problems of performance bottleneck and synchronization delay in the existing scheme, the invention constructs a layered decoupling architecture: establishing a heterogeneous multi-granularity space-time state descriptor to realize twin unified abstraction; an asynchronous differential synchronization protocol based on a calculation shader is designed, and low-overhead increment synchronization is achieved; a viewport-driven progressive detail rendering strategy is provided, and model resources are dynamically scheduled through rendering and calculation pipeline collaboration. The system comprises a descriptor generation module, a synchronization agent module, a resource scheduler and a collaborative rendering engine. According to the method, the parallel capability of the WebGPU is fully utilized, and the synchronization efficiency and the rendering performance of the digital twin system in the Web environment are improved.

This application provides a bitmap lighting rendering method, apparatus, and device. The method includes: acquiring bitmap data and current map view parameters; sending a request to a server to receive tile data, and drawing a Web map tile service base layer; when the current zoom level is higher than a threshold, performing a Web graphics library rendering step; the steps include: filtering bitmap data to obtain a set of visible points; drawing the set of visible points based on graphics processor instantiation technology; calculating brightness distribution data using fragment shaders; processing the brightness distribution data using additive blending; adjusting rendering parameters using multi-level detail technology to obtain a target rendering layer; adjusting the weights of the base layer and the target rendering layer to obtain a lighting rendering result; and outputting to the display canvas of the current map view. This application effectively solves the problems of poor visual quality of lighting effect rendering and insufficient dynamic interaction capabilities in existing Web-based visualization technologies for large-scale bitmap data.

The invention discloses a WebGL-based 3D model loading optimization method, and the method comprises the steps: carrying out the geometric compression and container compression of original 3D model data through employing a multistage compression algorithm, and generating a compressed ZIP format model file; carrying out parallel decompression and decryption operation on the model file in the ZIP format through a WebAssembly module, and transmitting decompressed model data to a WebGL (Web Graphics Library) rendering engine; dynamically adjusting rendering detail levels of the model based on a user view angle and equipment performance, and gradually adding key grid information of the model to a rendering queue by adopting a streaming loading and progressive rendering technology; and independently storing a form key compiling result and establishing a cache mechanism, and directly reading cache data to skip a form key compiling process when the same model is subsequently loaded. According to the embodiment of the invention, the data volume of the 3D model in network transmission is remarkably reduced, the model loading and first frame rendering speed is improved, and the overall rendering performance and the user experience are optimized through Wasm accelerated decompression and decryption, form key caching and dynamic LOD technologies.

This application discloses an online BIM model and design drawing review method, apparatus, equipment, and storage medium, relating to the field of engineering digital visualization technology. The method includes: classifying and version-managing BIM models and design drawings according to workspace to form a review asset management library; extracting data and converting it into triangular mesh review data; rendering a 3D model and 2D drawings using a network graphics library 3D engine; registering and linking the viewports of both to construct a 2D / 3D viewport system; performing model overlay, screenshot annotation, and online editing to generate review records and comments; and finally binding the records and comments to the corresponding model and drawing data to complete the review. This application can reduce the hardware and software operation threshold and improve the automation and online level of the review process in engineering BIM model and design drawing review.

1. The name of the design product: topology network configuration graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the graphical user interface content in the screen, the electronic device is the existing design. 4. The picture or photo that best shows the design points: front view. 5. The product hardware part is a conventional design, and the rear view, left view, right view, top view and bottom view are omitted. 6. The use of the graphical user interface: the design product is used to operate to show different types of topology networks. 7. The human-computer interaction mode of the graphical user interface: the user can interact and operate by clicking the corresponding function button of the interface or inputting the device name and port number to search for the upper and lower end devices connected by the port, to load the subsequent graphical user interface or run the application.

A system and method takes a three-dimensional (3D) data file as input (e.g. protein databank, PDB) and: 1) creates an informative color portable network graphics (PNG) image representing the 3D data by calculating an adjacency matrix; 2) compresses the input data file to binary; 3) uses a reversible data hiding technique in all four image channels (red, green, blue, alpha) to hide / embed the complete compressed data file within the adjacency matrix image; 4) and allows for extracting the original data file from the image without loss of information.

This application provides a method for determining the positions of key points on a display device and the human body. This method eliminates traditional dedicated hardware such as sensors / radar during user posture data acquisition and processing, collecting data solely through a camera and directly acquiring the video stream using WebRTC technology natively supported by the browser, without requiring additional equipment. The human posture recognition model is integrated into the user device using TensorFlow.js, enabling on-device inference and avoiding data uploads to the cloud, thus eliminating transmission latency at its source. Model inference is completed on the browser side, accelerated by a web graphics library to improve processing efficiency and ensure real-time performance. The approximate positions of key points are located using the maximum probability of a heatmap, and then corrected using offsets to improve the positioning accuracy of human key points, further optimizing transmission efficiency and solving the problem of data transmission latency and its impact on transmission efficiency in current user posture data acquisition and processing.