Home  >  Article  >  Web Front-end  >  Using SVG to draw the WeChat logo using new features of HTML5 _html5 tutorial skills

Using SVG to draw the WeChat logo using new features of HTML5 _html5 tutorial skills

WBOY
WBOYOriginal
2016-05-16 15:45:522361browse

HTML5 New Features
Some interesting new features in HTML5:
1. Canvas element for painting
2. For media Playback video and audio elements
3. Better support for local offline storage
4. New special content elements, such as article, footer, header, nav, section
5. New form controls , such as calendar, date, time, email, url, search
SVG drawing image rendering:


The code is as follows:

Copy the code
The code is as follows:








This is code in xml format, separated from the html document.

Copy code
The code is as follows:


"http://www.w.org/Graphics/SVG/. /DTD/svg.dtd">










The above is the WeChat logo drawn with SVG based on the new features of HTML5 shared by the editor. I hope it will be helpful to everyone.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn