How to use .svg files in a webpage?

image image-manipulation svg adobe-illustrator
Parastar picture Parastar · Jan 6, 2010 · Viewed 90k times · Source

I want to know how can one actually use a .svg file In a web page?

Answer

Erik Dahlström picture Erik Dahlström · Jan 6, 2010

See svgweb quickstart and the svgweb project homepage for something that works in all browsers including IE (requires flash plugin).

There are many ways to include an existing svg file:

  • <img src="your.svg"/>
  • <object data="your.svg"/>
  • <iframe src="your.svg"/>
  • <embed src="your.svg"/>
  • <div style="background:url(your.svg)">...</div>

Related questions

SVG to JPG / PNG

Is there any working module to convert a SVG image into a pixel format like JPEG or PNG?

Read More
High Quality Image Scaling Library

I want to scale an image in C# with quality level as good as Photoshop does. Is there any C# image processing library available to do this thing?

Read More
Create a BufferedImage from file and make it TYPE_INT_ARGB

I have a PNG file with transparency that is loaded and stored in a BufferedImage. I need this BufferedImage to be of TYPE_INT_ARGB. However, when I use getType() the returned value is 0 (TYPE_CUSTOM) instead of 2 (TYPE_INT_…

Read More