How to use SVG in HTML5-H5 Tutorial-php.cn

In HTML5 we can use the How to use SVG in HTML5 tag,

How to use SVG in HTML5

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>

Copy after login

Rendering:

How to use SVG in HTML5

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="漂亮的绿色圆圈" />

Copy after login

Rendering:

How to use SVG in HTML5

##Use the