Raw Image View Rendering for In-Page Picture Zooming
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The process of zooming in on pictures in dynamic web pages is cumbersome and inefficient, requiring multiple steps such as clicking on the picture to jump to a separate viewing page for enlargement.
Innovation Solution
A method and apparatus that create a raw image view component at the target picture position, render the target picture based on this component, and intercept touch events to allow direct scaling and dragging of the picture within the dynamic page, eliminating the need for additional page jumps.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a traditional page jump method is used to view large pictures, then the picture viewing function is achieved, but the operation steps become cumbersome and interaction efficiency decreases
Solution Approach 1:
The patent merges the picture viewing function directly into the dynamic page by creating a raw image view component at the target picture position, eliminating the need to jump to a separate viewing page. This integration allows users to perform scaling and dragging operations directly on the original page, reducing operation steps and improving interaction efficiency.
Solution Approach 2:
The patent introduces a raw image view component as an intermediary element that bridges the original picture in the dynamic page and the full-picture viewing function. This component intercepts touch events and enables direct manipulation (scaling and dragging) without requiring page navigation, thus resolving the contradiction between ease of operation and interaction efficiency.
2Productivity
If a raw image view component is created to enable direct picture manipulation, then interaction efficiency is improved, but the device complexity increases
Solution Approach 1:
The patent applies local quality by creating the raw image view component only at the specific target picture position where manipulation is needed, rather than modifying the entire page structure. This localized approach enables direct picture manipulation while minimizing the increase in overall device complexity.
Solution Approach 2:
The patent segments the picture viewing function from the overall page structure by creating a separate raw image view component. This component is independently managed and controlled, allowing for efficient picture manipulation without complicating the rest of the page structure. The component can be created, manipulated, and destroyed independently.
Data Source
Figure 1
Figure 2~3
Figure 4
AI summary
The disclosure provides a method, apparatus, electronic device and readable storage medium for page processing. The method includes: (S101) in response to a touch operation on a terminal interface, obtaining touch position information and picture position information of respective pictures in a target dynamic page displayed in the terminal interface; (S102) determining a touched target picture and target picture position information based on the touch position information and the picture position information; (S103) creating a raw image view component at a target picture position, rendering the target picture based on the raw image view component, and launching a screen touch event interception mechanism; (S104) in response to that a touch event for the target picture is intercepted, processing the target picture rendered by the raw image view component based on a touch operation indicated by the touch event of the target picture. In the method, a user can zoom in pictures in a target dynamic page on the page without jumping to a page for viewing large picture, which improves the interaction efficiency.