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
- WBOYOriginal
- 2016-05-16 15:45:522374browse
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
Previous article：Organize the URL encoding and character encoding supported in HTML5_html5 tutorial skillsNext article：Organize the URL encoding and character encoding supported in HTML5_html5 tutorial skills
Related articles
See more- AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds
- HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)
- Detailed explanation of image drawing examples in HTML5 canvas 9
- Regular expressions and new HTML5 elements
- How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server