Skip to main content

3D Webpage Rendering by Canvas

  • Conference paper
  • 2161 Accesses

Part of the book series: Communications in Computer and Information Science ((CCIS,volume 331))

Abstract

A novel method is proposed to build stereoscopic 3D webpages. This method can bring 3D web experience to 3DTV users with web-based IPTV services. In this method, we use a new HTML5 element, canvas, to accomplish easy downsampling of shapes, images and text. A new JavaScript library is built to accelerate the development process for web designers. A demo webpage with animation is presented to illustrate the capability and potential of this method.

This is a preview of subscription content, log in via an institution.

Buying options

Chapter
USD   29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD   39.99
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD   54.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Learn about institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. Choi, J.K., Lee, G.M., Park, H.J.: Web-based Personalized IPTV Services over NGN. In: Proceedings of the 17th International Conference on Computer Communications and Networks 2008 (ICCCN 2008), Virgin Islands (2008)

    Google Scholar 

  2. Jones, G., Lee, D., Holliman, N., Ezra, D.: Controlling perceived depth in stereoscopic images. In: Proceedings of SPIE, vol. 4297, pp. 42–53 (2001)

    Google Scholar 

  3. Kim, D., Choi, S., Sohn, K.: Depth adjustment for stereoscopic images and subjective preference evaluation. Journal of Electronic Imaging (1017-9909), 033011 (2011)

    Google Scholar 

  4. Chen, W., Fournier, J., Barkowsky, M., et al.: New requirements of subjective video quality assessment methodologies for 3DTV. In: Proc. VPQM (2010)

    Google Scholar 

  5. Hawkes, R.: Foundation HTML5 Canvas. friendsofED, New York (2011)

    Google Scholar 

  6. Fulton, S., Fulton, J.: HTML5 Canvas. O’Reilly, Sebastopol (2011)

    Google Scholar 

  7. Digital Video Broadcasting: Frame Compatible Plano-Stereoscopic 3DTV(DVB-3DTV) (2011)

    Google Scholar 

  8. CanvasText An easy way to draw styled text into your HTML5 Canvas, http://www.canvastext.com

  9. Swell 3D – the anaglyphic 3-D glasses website, http://www.swell3d.com

  10. Nokia Maps - 3D WebGL(beta), http://maps.nokia.com/webgl

Download references

Author information

Authors and Affiliations

Authors

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2012 Springer-Verlag Berlin Heidelberg

About this paper

Cite this paper

Zhang, S., Zhou, J., Sun, J. (2012). 3D Webpage Rendering by Canvas. In: Zhang, W., Yang, X., Xu, Z., An, P., Liu, Q., Lu, Y. (eds) Advances on Digital Television and Wireless Multimedia Communications. Communications in Computer and Information Science, vol 331. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-34595-1_56

Download citation

  • DOI: https://doi.org/10.1007/978-3-642-34595-1_56

  • Publisher Name: Springer, Berlin, Heidelberg

  • Print ISBN: 978-3-642-34594-4

  • Online ISBN: 978-3-642-34595-1

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics