一、SVG绘图 使用标签进行绘图，可以直接绑定事件监听
| <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <rect width="100" height="100"></rect> </svg> |
二、如何js创建一个svg标签！
| //var r1 = document.createElement('rect'); 创建不了这个svg元素 因为有年限和命名空间 （就是说这样不行 要用下面的方法创建！！！！） var r1= document.createElementNS('http://www.w3.org/2000/svg','rect'); r1.setAttribute('width','50'); r1.setAttribute('height',300); s1.appendChild(r1); |
三、svg创建椭圆
| <svg width="300" height="200" id="c6"> <ellipse rx="100" ry="40" cx="100" cy="100" fill="#faa" stroke="#a00"></ellipse> </svg> |
四、svg创建直线
| <svg width="300" height="200" id="c6"> <line x1="0" y1="0" x2="100" y2="200" stroke="#000" stroke-width="50" stroke-linecap="square"></line> </svg> |
注：stroke-linecap="square"有多出来的方形 ，stroke-linecap="round"多出来圆形的区域，stroke-linecap="butt"不出来多方形 （也就是说你创建的直线设置这些属性头尾有区别！自己试一下就知道了！细节很重要！）
五、svg创建折线
| <svg width="300" height="200" id="c6"> <polyline points="50,50 100,300 150,100"></polyline> //出来的是三角形 <polyline points="50,50 100,300 150,100" fill="transparent" stroke="#000"></polyline> //出来的是折线 </svg> |
六、地理定位 （以后不用客户端，我们也可以自己定位咯！）
Geolocation：地理定位，使用JS获取当前浏览器所在的地理坐标（经度，维度，海拔，速度） 数据，用于实现LBS应用（Location Based Service），如饿了么，高德导航...
手机浏览器如何获得定位信息：
1）首选手机中的GPS芯片与卫星通信，定位精度在米 2）次选手机基站进行定位获取，定位精度在公里 （违法的） PC浏览器如何获得定位信息： 1）通过IP地址进行反向解析，定位精度取决于IP地址库的大小
HTML5中提供了一个新的对象，用于获取当前浏览器的定位信息：
| window.navigator.geolocation{ getCurrentPosition:fn, //获得当前定位信息 watchPosition:fn, //监视定位数据的改变 clearWatch ：fn // 取消监视 } |
2、扩展：在网页中如何嵌入百度地图
