Image processing method and device

1. An image processing method, applied to an electronic device comprising a touchscreen, the method comprising:

arranging an image processing model, the image processing model comprising a viewpoint, a projection plane, a view window, and a three-dimensional position relationships amongst the viewpoint, the projection plane, and the view window; and

when a first three-dimensional effect plane image is displayed in response to an operation of a user received by the electronic device:

mapping the first three-dimensional effect plane image to the projection plane;

determining, according to the three-dimensional position relationships and a size of the view window, a first visual area obtained by projection onto the projection plane through the viewpoint and the view window;

clipping a first image in the first visual area;

displaying the first image;

determining, in response to a movement input received on the touchscreen, a two-dimensional position offset parameter corresponding to the movement input;

mapping two-dimensional plane coordinates of the two-dimensional position offset parameter to a three-dimensional position offset parameter of the projection plane, the three-dimensional position offset parameter comprising coordinates in a three-dimensional Cartesian coordinate system, wherein an origin point of the three-dimensional coordinate system is a center point of a stereoscopic graphic, and wherein the projection plane is included as a surface of the stereoscopic graphic, and changing three-dimensional positions of the projection plane and the first three-dimensional effect plane image according to the three-dimensional offset parameter;

determining, according to a spatial position relationship amongst the viewpoint, the projection plane, and the view window and the size of the view window, a second visual area obtained by projection onto the projection plane through the viewpoint and the view window;

clipping a second image in the second visual area; and

displaying the second image.

2. The method according to claim 1 , after the displaying the first image, further comprising:

obtaining a three-dimensional position parameter of a second three-dimensional effect plane image in the three-dimensional Cartesian coordinate system;

determining a three-dimensional position of the second three-dimensional effect plane image according to the obtained three-dimensional position parameter;

projecting the second three-dimensional effect plane image onto the projection plane according to a three-dimensional position relationship amongst the viewpoint, the projection plane, and the second three-dimensional effect plane image;

clipping a third image in the first visual area; and

displaying the third image.

3. The method according to claim 2 , wherein the movement input comprises a first movement input, wherein obtaining the three-dimensional position parameter of the second three-dimensional effect plane image comprises:

obtaining a preset three-dimensional position parameter of the second three-dimensional effect plane image; or

determining, in response to a second movement input received on the second three-dimensional effect plane image displayed on the touchscreen, a two-dimensional plane position parameter of a termination position of the second three-dimensional effect plane image, and mapping the two-dimensional plane position parameter of the termination position to the three-dimensional position parameter.

4. The method according to claim 2 , wherein the movement input comprises a first movement input, wherein the two-dimensional position offset parameter comprises a first two-dimensional offset parameter, the three-dimensional position offset parameter comprises a first three-dimensional offset parameter, and wherein after displaying the third image, further comprising:

determining, in response to a second movement input received on the touchscreen, a second two-dimensional position offset parameter that corresponds to the second movement input;

mapping the second two-dimensional position offset parameter to a second three-dimensional position offset parameter of the projection plane, and the changing three-dimensional positions of the projection plane, the first three-dimensional effect plane image, and the second three-dimensional effect plane image according to the second three-dimensional position offset parameter;

projecting the second three-dimensional effect plane image onto the projection plane according to the three-dimensional position relationship amongst the viewpoint, the projection plane, and the second three-dimensional effect plane image;

determining, according to a spatial position relationship amongst the viewpoint, the projection plane, and the view window and the size of the view window, a third visual area obtained by projection onto the projection plane through the viewpoint and the view window;

clipping a fourth image in the third visual area; and

displaying the fourth image.

5. An image processing device, comprising a touchscreen, the device further comprising:

a memory configured to store processor-executable instructions; and

a processor configured to communicate with the memory and execute the processor-executable instructions to:

arrange an image processing model, the model comprising a viewpoint, a projection plane, a view window, and a three-dimensional position relationship amongst the viewpoint, the projection plane, and the view window; and

when a first three-dimensional effect plane image is displayed in response to an operation of a user received by the image processing device:

map the first three-dimensional effect plane image to the projection plane;

determine, according to the three-dimensional position relationships and a size of the view window, a first visual area obtained by projection onto the projection plane through the viewpoint and the view window;

clip a first image in the first visual area;

display the first image

determine, in response to a movement input received on the touchscreen, a two-dimensional position offset parameter corresponding to the movement input;

map two-dimensional plane coordinates of the two-dimensional position offset parameter to a three-dimensional position offset parameter of the projection plane, the three-dimensional position offset parameter comprising coordinates in a three-dimensional Cartesian coordinate system, wherein an origin point of the three-dimensional coordinate system is a center point of a stereoscopic graphic, and wherein the projection plane is included as a surface of the stereoscopic graphic, and change three-dimensional positions of the projection plane and the first three-dimensional effect plane image according to the three-dimensional offset parameter;

determine, according to a spatial position relationship amongst the viewpoint, the projection plane, and the view window and the size of the view window, a second visual area obtained by projection onto the projection plane through the viewpoint and the view window;

clip a second image in the second visual area; and

display the second image.

6. The device according to claim 5 , wherein after the first image is displayed, the processor is further configured to execute the processor-executable instructions to:

obtain a three-dimensional position parameter of a second three-dimensional effect plane image in the three-dimensional Cartesian coordinate system;

determine a three-dimensional position of the second three-dimensional effect plane image according to the obtained three-dimensional position parameter;

project the second three-dimensional effect plane image onto the projection plane according to a three-dimensional position relationship amongst the viewpoint, the projection plane, and the second three-dimensional effect plane image;

clip a third image in the first visual area; and

display the third image.

7. The device according to claim 6 , wherein the movement input comprises a first movement input, wherein the processor is configured to execute the processor-executable instructions to obtain the three-dimensional position parameter of the second three-dimensional effect plane image by:

obtaining a preset three-dimensional position parameter of the second three-dimensional effect plane image; or

determining, in response to a second movement input received on the second three-dimensional effect plane image displayed on the touchscreen, a two-dimensional plane position parameter of a termination position of the second three-dimensional effect plane image, and mapping the two-dimensional plane position parameter of the termination position to the three-dimensional position parameter.

8. The device according to claim 7 , wherein the movement input comprises a first movement input, wherein the two-dimensional position offset parameter comprises a first two-dimensional offset parameter, the three-dimensional position offset parameter comprises a first three-dimensional offset parameter, and wherein after the third image is displayed, the processor is further configured to execute the processor-executable instructions to:

determine, in response to a second movement input received on the touchscreen, a two-dimensional position offset parameter that corresponds to the movement input;

map the two-dimensional position offset parameter to a second three-dimensional position offset parameter of the projection plane, and changing three-dimensional positions of the projection plane, the first three-dimensional effect plane image, and the second three-dimensional effect plane image according to the second three-dimensional position offset parameter;

project the second three-dimensional effect plane image onto the projection plane according to the three-dimensional position relationship among the viewpoint, the projection plane, and the second three-dimensional effect plane image;

determine, according to a spatial position relationship amongst the viewpoint, the projection plane, and the view window and the size of the view window, a third visual area obtained by projection onto the projection plane through the viewpoint and the view window;

clip a fourth image in the third visual area; and

display the fourth image.