Double-eye 3D (three-dimensional) realizing method and system based on Canvas

Abstract

The invention provides a double-eye 3D (three-dimensional) realizing method and system based on Canvas. The double-eye 3D realizing method comprises the following steps of: designing a webpage effect picture, and obtaining 3D positioning information; establishing a 3D webpage; analyzing the 3D webpage, so as to obtain left and right sight frames; and drawing the left and the right sight frames to the Canvas according to different 3D transmission formats. The double-eye 3D realizing system comprises a 3D webpage analyzer and a 3D transmission format processor. The double-eye 3D realizing method and the double-eye 3D realizing system has the main points as follows: a 2D positioning attribution for controlling an element position of the Canvas is expanded to a 3D positioning attribution, so that the three-dimensional effect with the vertical sense can be obtained. The 3D positioning attribution consists of the 2D positioning attribution and the 3D depth attribution, wherein the 3D depth attribution can be saved. The double-eye 3D realizing method and the double-eye 3D realizing system provided by the invention can be realized through a newly lead-in Canvas element in an HTML5 (Hypertext Markup Language 5), can be compatible to a traditional 2D browser, support a 2D webpage and a 3D webpage in a seamless manner, and are applicable to developing a 3D user interface, a webpage game and the like.

Description

technical field [0001] The present invention relates to a method and system in the field of visual technology, in particular to a Canvas-based binocular 3D webpage implementation method and system. Background technique [0002] When human eyes observe a three-dimensional object, due to the different horizontal positions of the left and right eyes, the images of the object seen are also different. The images seen by the left and right eyes are called left and right views, respectively, and the difference between them is called parallax. The left and right views with parallax can be processed by the human brain so that people can perceive a world with depth and layering. [0003] The stereoscopic 3D TV player applies the principle of binocular parallax. It can display two slightly different projection angles of a certain 3D scene at the same time, and make the left and right eyes of the person obtain the left and right views respectively, so that they are fused into one in th...

AI Technical Summary

Problems solved by technology

[0008] The present invention is based on the principle of binocular parallax and is displayed on a 3D display. The difference is that the Canvas is used to control the position of the 3D object to complete the 3D webpage and solve the problem of presenting a 3D webpage with a three-dimensional effect on the 3D display.

Images