摘要: 获取位置信息: 请求一个位置信息,如果用户同意,浏览器就会返回位置信息(由经纬度和其他元数据组成),该信息是通过支持html5地理定位功能的底层设备提供给浏览器的;该API不指定设备用哪种底层技术来定位,所以,返回的元数据不确定;同时不能保证设备返回的实际位置是精确的; 数据源: IP地址地理定位: 阅读全文
posted @ 2014-12-21 14:15 JinksPeng 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 颜色合成 globalCompositeOperation 属性: 颜色反转 : 阴影效果: 自定义画板: 建立画板 var canvas = document.getElementById("myCanvas") var ctx = canvas.getContext("2d"); //绘制一个黑 阅读全文
posted @ 2014-12-21 14:07 JinksPeng 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 文字对齐方式 : 水平对齐 //是用 textAlign 属性设置水平对齐方式(默认坐标点) ctx.textAlign = "start"; ctx.font = "30px Arial"; ctx.fillText("Hello World",100,50); //水平的三个坐标点分别为 sta 阅读全文
posted @ 2014-12-21 11:47 JinksPeng 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 画直线: 添加线帽:ctx.lineCap = “butt”(默认) ;”round”(半圆形); ”square”(正方形); 画矩形: 画圆弧: //起始角度与终止角度都是根据圆心向右水平线确定的,它们分别确定圆弧开始点与结束点;再确定圆弧方向绘制。 fill 画圆弧的变化情况: 画圆角矩形: 阅读全文
posted @ 2014-12-21 11:29 JinksPeng 阅读(150) 评论(0) 推荐(0) 编辑