18 results about "Web graphics" patented technology

The invention discloses a Web application low-performance terminal adaptation method and system based on layered rendering, and belongs to the technical field of Web graphic rendering and cloud computing crossing. Performing layered rendering and publishing; and subscribing and synthesizing by a terminal. According to the method, a'one-step 'full-frame transmission mode is abandoned, the computing load is optimally distributed between the cloud and the terminal by performing structured layering on the rendering content at the cloud and dynamically adapting the transmission strategy according to the terminal performance and the network condition, and thus the dependence on the network bandwidth and the requirement on the terminal performance are greatly reduced.

graphic design for digital, print and web

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

Graphic design for digital, print and web

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.

Graphic design for print and digital, web

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.

graphic design for digital, print and web

The invention provides a voice monitoring intercom system front-end interaction method compatible with H.265 and H.264, which needs to build a three-layer system framework in advance, and comprises a core component layer, a functional module layer and an external dependency layer. The core component layer comprises a Player component and a Video component, and the functional module layer comprises a WebRTC connection management module, a media stream processing module, a decoding and playing module and a decoding and playing module; the external dependency layer comprises a WebRTC API (Application Program Interface) used for signaling and media stream processing, WebCoodecs used for hard decoding, a WebGL (Web Graphics Library) used for video rendering and an external decoder used for soft decoding; the method comprises the following steps: creating a player instance, and initializing parameters; establishing connection; after receiving the audio or video track, selecting a corresponding decoding mode according to the coding format; creating a video interface; and calling a story method to clean a media track, a decoder, a data channel and connection, and releasing all resources. According to the invention, the native two-way communication is realized, the stability and reliability of the system are improved, the support for the H.265 / H.264 double-coding format is realized, and the transmission efficiency is improved.

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.

Graphic design for digital, print and web

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.