Research On The Generation Of Binocular Web Pages Based On HTML5 Canvas

With the constant progress of science and technology,binocular stereo technology has become the focus of attention in recent years.2010 is known as the first year of 3D TV,2016 is known as the first year of VR,the 3D and VR have been widely used in TV,movies,games,and tourism,etc.,reflecting its unique charm,has become a popular new technology.Today,3D and VR display manufacturing indust ry is relatively competitive,companies reduce the monitor selling price for increased competitiveness,the market for3 D display is also gradually opened,the 3D display has become a very popular electronic product in the market.People can watch the hit film and television through 3D display,it has brought people the acme enjoyment on the vision,but the only fly in the ointment is that there is no stereoscopic web pages with depth on 3D display at present.With this gap,this paper designed a binocular stereo page based on HTML 5 Canvas.The following are several aspects of this article:(1)Theoretical analysis of binocular stereo imaging system: binocular stereo imaging is point to get relevant images by simulating to the human eye pupil distance,the images after transmission with 3 d information of 2-d image,finally makes the generated target can show stereo effect.Because of the existence of pd,so people can see two perspectives when looking at objects,the eyes see the image transmitted to the brain,and the object is reconstructed through the brain,finally,the object can be seen with a three-dimensional sense of space.Several components of binocular stereo imaging system describe the observation display device in detail,analyze the advantages and disadvantages of several kinds of display devices,and finally summarizes the application of binocular stereo imaging in several major areas.(2)3DS MAX modeling and stereo calibration experiment based on binocular stereo :This paper discusses the relationship between the three coordinate systems(image coordinate system,the world coordinate system and the camera coordinate system)and the relationship between the transformation In binocular stereo.By 3DS MAX modeling,statistical under different baseline distance and depth,the depth of the corresponding error size through the line chart to select the best baseline value,distance and depth for binocular stereo production related parameters of a web page.To test and verify the feasibility of modeling data,according to the modeling of the conclusion and rule,makingstereo calibration experiment,with two same camera model parameters to stereo image to black and white checkerboard sampling,according to the sampling situation of two pictures about rigid transformation(rotation,translation,etc.),after the transformation of the two cameras in parallel to the main point of attachment of pixel coordinates lines,finally the generated images have stereo feeling.(3)The design of binocular stereo web pages can be displayed on the 3D display:In this paper,a new method based on HTML5 Canvasof binocular stereo webpage is proposed,the Canvas element is an important new drawing element in HTML5,It is equivalent to adding a "canvas" when making a web page",and the javascript is"brush",write JavaScript script can be painted on the Canvas.General 2D pages only have general 2D attributes,In this paper,the design of the 3D page can be pictures,video and text and other 2D information by calling the Canvas correlation function will be displayed in the web page to expand the content of the 3D 2D attribute,so that the page has a three-dimensional,and the generation of web pages can be compatible with the mainstream of some traditional browsers,users can freely switch between 2D pages and3 D pages as needed,it's very convenient.Using this method,we design a 3DTV(right and left)(SbS)frame compatible video format of the interactive interface,and it has a good three-dimensional imaging effect.