How to use SVG in HTML5

In HTML5 we can use the tag,

SVG is a vector graphics format that can be redrawn to adapt to the size of the Web page as it changes in size without any distortion; very Suitable for use in responsive web design. This article will give you a detailed introduction to how to use SVG in HTML5. I hope it will be helpful to you. [Recommended related video tutorials: HTML5 tutorial]

Using HTML5

##SVG Part of the HTML 5 draft specification, the

Note:

1. To use the

2. This can only be used for static SVG import.

The following is a simple HTML5 SVG example.

<svg  id = "circle"  height = "200"  xmlns = "http://www.w3.org/2000/svg" > 
      <circle  id = "greencircle"  cx = "30"  cy = "30"  r = " 30"  fill = "red"  /> 
</svg>

Rendering:

Use the tag to import SVG images

Note: The tag can only be used to import static SVG images.

<img  src = "green-circle.svg"  height = "80"  alt="漂亮的绿色圆圈" />

Rendering:

##Use the