Skip to main content

Converting Digital Image to SVG for User Interaction

  • Conference paper
Applied Informatics and Communication (ICAIC 2011)

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

Included in the following conference series:

Abstract

This paper presents a novel method to convert digital image to be Scalable Vector Graphic (SVG) format using the similar features of pixel, and make the converted SVG file becomes interactive. For example, we have a panoramic digital image of a school. There is lots of buildings and roads on it, and now we are going to construct a map application with this digital image for the school. This application ought to have functions, such as clicking to show building’s information, searching for road by road name etc. It must be a big job to repaint an interactive image for the school. This paper introduces a method that aims at solving this problem. First, we directly convert digital image to SVG file through the way of one pixel of digital image to one rectangle of SVG. Then it allows user to select one or more ‘seed’ SVG pixels by which program can find a region with similar pixel feature. Finally, it can also detect the edge of the region and allows user to add event listener to the region.

This research work is supported by "Natural Science Foundation of LiaoNing Province" (20092006).

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

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 84.99
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 109.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

Institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. Scalable Vector Graphics (SVG) 1.2 W3C Working Draft (October 27, 2004), http://www.w3.org/TR/2004/WD-SVG12-2004-10-27/

  2. Yuan, J., Huang, J.: Converting Real Images to SVG Based on XML

    Google Scholar 

  3. Yan, W., Shen, S.: An Edge Detection Method for Chromosome Images. In: iCBBE 2008 (2008)

    Google Scholar 

  4. How to create polygon in svg, http://www.w3schools.com/svg/svg_polygon.asp

  5. How to add script to SVG, http://www.w3.org/TR/SVG/script.htm

  6. Gao, F., Tang, J.: The Use of Javascript in Map Application Based on SVG. Academic Journal of Normal University in Jiangxi Province China 3, 262–265 (2004)

    Google Scholar 

  7. Wang, H., Zhu, J.: Science of Test, vol. 4, pp. 90–91 (July 2006)

    Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2011 Springer-Verlag Berlin Heidelberg

About this paper

Cite this paper

Wei, Q., Li, D., Liu, C., Liu, B., Liu, Z. (2011). Converting Digital Image to SVG for User Interaction. In: Zeng, D. (eds) Applied Informatics and Communication. ICAIC 2011. Communications in Computer and Information Science, vol 224. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-23214-5_50

Download citation

  • DOI: https://doi.org/10.1007/978-3-642-23214-5_50

  • Publisher Name: Springer, Berlin, Heidelberg

  • Print ISBN: 978-3-642-23213-8

  • Online ISBN: 978-3-642-23214-5

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics