html5的新特性有哪些？

我们都应该谁知道html5是html的第五次重大修改，那么，既然是重大修改，肯定会有新增的特性，所以，html5的新增特性有哪些呢？接下来这篇文章讲给大家来总结一下html5的新特性。

首先对于html5是什么意思我们都应该知道，若是不太了解html5，那么你可以看一看这篇文章：html5是什么？html5有什么用？，好了，在知道了html5的具体定义后，我们就来看一看html5的新特性有哪些吧。

html5的新特性有哪些？

一、html5新特性之用于绘画的canvas元素

canvas 元素用于在网页上绘制图形，画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

立即学习“前端免费学习笔记（深入）”；

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas>

<script type="text/javascript">var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");var img=new Image()img.src="/i/eg_flower.png"cxt.drawImage(img,0,0);</script>

下面来说一下关于svg的内容：svg是用于描述二维矢量图形的一种图形格式。

svg有三种用法：

1. 把svg直接当成图片放在网页上。

2. svg实现动画。

3. svg图片的交互和滤镜效果。

说明：

（1）Canvas 通过 JavaScript 来绘制 2D 图形。

（2）Canvas 是逐像素进行渲染的。

（3）在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包 括任何或许已被图形覆盖的对象。

（4）svg是一种使用 XML 描述 2D 图形的语言。

（5）svg基于XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

（6）在svg中，每个被绘制的图形均被视为对象。如果svg对象的属性发生变化，那么浏览器能够自动重现图形。