Image Display Filling Blank Areas During Shrinkage
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
When an electronic device shrinks an image in response to a user's interactive operation, a blank area without image content appears between the display area for the original image and the shrunk image, leading to a poor visual effect and impaired user experience.
Innovation Solution
The method involves generating a second image by splicing the first image with a filling image or sending the first image to an intelligent engine to create a second image that includes a first region with the original image and a second region with additional content, ensuring the entire display area is filled during shrinkage.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Length of moving object
If the image is shrunk in response to user interaction, then the image size is reduced, but a blank area appears between the display area and the shrunk image
Solution Approach 1:
The system performs preliminary action by capturing a second image at a wider field of view before the user performs the shrink operation. This pre-captured image is then used to fill the blank area that will appear after shrinking, eliminating the need for blank spaces during the transition.
Solution Approach 2:
The system introduces an intermediary element (the second image with wider field of view) that mediates between the original image and the shrunk image. This intermediary image serves as a bridge to fill the blank area and provide seamless transition during the shrinking operation.
2Area of stationary object
If the image is shrunk, then the display area is utilized more efficiently, but the visual effect deteriorates due to blank spaces
Solution Approach 1:
The system captures a second image at wider field of view in advance, which is then used to fill the blank area after shrinking. This preliminary capture ensures that the display area is fully utilized with relevant content rather than blank spaces, maintaining good visual effect throughout the shrinking operation.
3Ease of operation
If the first image is displayed in the display region, then the image is visible to the user, but after shrinking the original image area becomes blank
Solution Approach 1:
The system introduces the second image as an intermediary element that fills the blank area created during shrinking. This intermediary image maintains the display region's functionality by providing continuous visual content, ensuring the display remains operational and visually appealing during the shrink operation.
Data Source
AI summary
An image display method includes displaying a first image in a display region, in response to a first interactive operation for the first image, generating a second image based on the first image, and displaying the second image in the display region. The first interactive operation is used to instruct to shrink the first image. The second image includes a first region and a second region, and the first region is the first image.