说说步骤，步骤的具体方法可以百度搜索。
网站设计制作过程拒绝使用模板建站；使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统；成都做网站、网站设计收费合理；免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了10年的成都创新互联公司网站建设公司。
步骤 1: 在 HTML 中设置画布，创建一个引用，并获取上下文对象
步骤 2: 绘制矩形、直线、贝塞尔曲线、圆和形状
步骤 3: 显示位图图像
步骤 4: 渐变
步骤 5: 动画
步骤 6: 更多 HTML5 画布提示
圆的绘制坐标是用圆的中心为准的，而且没有简便的方式，毕竟这是JS的规定，你想用JS来实现，就得遵守JS的规定。
HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息。
下面是一段HTML5结合百度地图API来获取位置的代码：
div id="allmap"/div当前定位地址：a id="du-gps"/aspan/span/div
script
var map = new BMap.Map("allmap");
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
map.panTo(r.point);
//alert('您的位置：'+r.point.lng+','+r.point.lat);
var pt = r.point;
var geoc = new BMap.Geocoder();
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
$("#du-gps").text(addComp.district+addComp.street+addComp.streetNumber);
});
}
else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
/script