Dynamic Page Image Zooming With Touch Event Interception
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 and navigating to a separate page for viewing large images.
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 enable direct scaling and dragging of images within the dynamic page, eliminating the need for additional navigation steps.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a separate page navigation method is used to view large pictures, then the picture viewing function is achieved, but the operational steps increase and interaction efficiency decreases
Solution Approach 1:
The patent merges the picture viewing function directly into the dynamic web page by creating a raw image view component at the target picture position. This allows users to zoom and view large pictures directly on the current page without navigating to a separate page, thereby reducing operational steps and time while maintaining the picture viewing function.
Solution Approach 2:
The patent performs preliminary actions by pre-creating the raw image view component and establishing the screen touch event interception mechanism before the user needs to view the large picture. When a touch operation occurs, the system has already prepared the component and interception mechanism, enabling immediate picture zooming without requiring navigation to another page first.
2Productivity
If a raw image view component is created to enable direct picture zooming, then interaction efficiency improves, but device complexity increases
Solution Approach 1:
The patent introduces a raw image view component as an intermediary element between the user interface and the picture data. This component acts as a mediator that handles touch events and coordinates with the screen touch event interception mechanism, enabling direct picture zooming on the dynamic web page without requiring complex system-wide changes or navigation to separate pages.
Data Source
AI summary
The disclosure provides a method, apparatus, electronic device and readable storage medium for page processing. The method includes: 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; determining a touched target picture and target picture position information based on the touch position information and the picture position information; 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; 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.