Modular one-key skin changing method and system

By using a modular, one-click skinning method and system, and leveraging a reference counting system and the View Transitions API, the problems of repeated requests and low cache utilization in traditional animation rendering and switching are solved. This achieves synchronized animation rendering and mouse clicks, avoiding directional errors and screen distortion.

CN122453985APending Publication Date: 2026-07-24ZHEJIANG FONDA CONTROL TECH
0 Cites 0 Cited by

Patent Information

Application Number
CN202610592676.7
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2026-04-30
Publication Date
2026-07-24

AI Technical Summary

Technical Problem

Traditional animation rendering and switching methods result in repeated requests and high bandwidth consumption, low cache utilization, style sheet accumulation increasing style matching overhead, poor linkage between animation rendering and mouse click actions, and easy directional confusion or screen distortion when switching in reverse.

Method used

A modular, one-click skinning approach is adopted, utilizing a reference counting system to load the shared style file only once, reducing duplicate requests and improving cache utilization; animations are bound to pseudo-elements through the View Transitions API to achieve effective linkage between animation rendering and mouse clicks, and a direction awareness mechanism is set up to avoid direction confusion.

Benefits of technology

Significantly reduces duplicate requests and bandwidth consumption, improves cache utilization, resolves style conflicts, enables synchronized animation rendering and mouse clicks, and avoids misalignment during reverse switching.

✦ Generated by Eureka AI based on patent content.
Patent Text Reader

Abstract

The invention provides a modular one-key skin changing method and system, and the method comprises the steps: constructing configuration files of different skin themes, obtaining a path of a rendering file corresponding to each skin theme, and generating a corresponding path list; maintaining an internal mapping table, providing a link element, a reference counter and a reference set record by utilizing the internal mapping table, and providing a skin theme loading method, an unloading method and a switching method based on the reference counter; acquiring a mouse click event, acquiring a real-time mouse click coordinate according to the mouse click event, and setting the real-time mouse click coordinate as a variable value of a root element of a rendering file corresponding to the skin theme; and writing a contracted and expanded key frame animation, generating a pseudo element according to the key frame animation, setting a transformation center of the key frame animation as a variable value of a root element of the corresponding rendering file, and configuring a temporary custom attribute with a direction mechanism in the root element.
Need to check novelty before this filing date? Find Prior Art