Browser Picture Comment Positioning via Relative Coordinates
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing methods for implementing picture comments on websites lack the ability to position comments graphically on specific parts of an image, relying solely on textual descriptions, which limits the effectiveness and visual appeal of the commenting process.
Innovation Solution
A browser and method that acquire and upload comment information along with relative coordinates of the comment's location on the image, allowing for precise placement of comments on a picture layer, using a fixed reference point within the image to calculate and display absolute coordinates, enabling graphic and visual commenting.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If comments are displayed one by one below a picture using ordinary comment methods, then the implementation is simple, but the positioning capability is limited and not graphic or visual
Solution Approach 1:
The patent transitions from one-dimensional textual positioning (describing location in words) to two-dimensional graphical positioning (directly placing comments at specific coordinates on the picture). By introducing relative coordinates (x, y) and absolute coordinates system, the patent enables precise spatial positioning of comments on the picture surface, transforming the commenting interface from simple text input to graphical point-and-click interaction.
Solution Approach 2:
The patent introduces a coordinate system as an intermediary between the user's comment input and the picture display. The coordinate system acts as a mediator that translates user actions (clicking on picture locations) into precise positioning data, enabling accurate comment placement without requiring complex image editing tools or manual coordinate calculations.
2Stability of the object's composition
If relative coordinates are calculated with respect to a fixed reference point, then the comment positioning is precise and stable, but the calculation complexity increases
Solution Approach 1:
The patent divides the positioning system into two independent coordinate systems: relative coordinates (within the picture's own coordinate system, origin at top-left corner) and absolute coordinates (within the web page's coordinate system, accounting for scrolling and positioning). This segmentation allows each coordinate system to handle its own calculations independently, simplifying the overall system while maintaining precision.
Solution Approach 2:
The patent pre-calculates and stores the relative coordinates of comment positions when comments are first added to the picture. These pre-calculated relative coordinates are then used as the basis for converting to absolute coordinates during display, avoiding the need to recalculate positions from scratch each time the page loads or scrolls, thus improving both stability and efficiency.
3Adaptability or versatility
If the picture is scaled, then the display flexibility is improved, but the comment positioning accuracy deteriorates
Solution Approach 1:
The patent implements a dynamic coordinate conversion system that automatically adjusts comment positioning based on the picture's scale factor. When the picture is scaled (zoomed in or out), the system calculates the scale ratio and applies it to convert relative coordinates to absolute coordinates accordingly. This dynamic adjustment ensures that comments remain accurately positioned on the picture regardless of scaling operations, maintaining positioning accuracy while preserving display flexibility.
Data Source
AI summary
The present disclosure discloses a browser and a method for adding and displaying a web picture comment. The method for adding the comment includes that: information on a content of a comment on a picture and a location of the comment on the picture is acquired, relative coordinates of the location of the comment on the picture with respect to a fixed reference point within the picture is calculated; and comment parameters comprising the relative coordinates, the content of the comment, and an ID of the picture are uploaded to a web server; and a comment information layer is formed using the comment parameters, and is placed on a picture layer; when a user enters a web page, the browser requests the web server to display comment information, calculates absolute coordinates of the location of the comment on the picture, and places the formed comment information layer on the picture layer to display. With the present disclosure, a comment can be pasted on a certain part of a picture while the page is kept stationary, which is graphic and vivid, and quite interesting, and works well especially for commenting an animation/cartoon/comics product, thereby enhancing user loyalty to an internet product.