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.