之前一直想使用HTML5技术全新做一套地图API，可是苦于时间和精力，迟迟未有行动。后来下定决心，利用下班和周末做出一个大体框架出来，现在和网友分享一下自己的整体的一个思路和想法。欢迎大家提出宝贵建议，希望把这套API做的更好，有人真正利用起来。DEMO访问地址， 猛击 ...

前言 图片裁剪上传，不仅是一个很贴合用户体验的功能，还能够统一特定图片尺寸，优化网站排版，一箭双雕。 需求就是那么简单，在浏览器里裁剪图片并上传到服务器。 我第一个想到的方法就是，将图片和裁剪参数（x，y，scale，rotate）一并上传给服务器，服务器来做图片处理，so easy ...

终于开始可以写代码了，手都开始痒了。这里的代码仅仅是在chrome检测过，我可以肯定的是IE10以下浏览器是行不通，我一直在考虑，是不是使用IE禁止看我的篇博客，就是这群使用IE的人，给我加了很多工作量。 一个地图的基本动作，无非就是加载数据，平移，放大与缩小。这篇博客 ...

　　　　2013年的时候曾经使用canvas实现了一个擦除效果的需求，即模拟用户在模糊的玻璃上擦除水雾看到清晰景色的交互效果。好在2012年的时候学习HTML5的时候研究过canvas了，所以在比较短的时间内实现了一个方案【下文方案一】，后来继续探索之后进一步更新了这个方案【下文方案二】，提高了 ...

代码如下： 801.png图片 ...

canvas标签一直是html5的亮点，用它可以实现很多东西。我想用它来绘画像迷宫那样的地图。借助到的工具有瓦片地图编辑器tiled（点击跳转到下载链接）。 如图：如果你想要画像这样的迷宫地图，如果不用canvas，可以通过dom操作拼接一个一个div，以达成这个效果。那样是不是很不 ...

html5新增了一个canvas元素，用于在网页上生成一块矩形区域，用于绘制图像，功能非常强大，下面我来简单介绍一下 在页面中添加canvas 如上图所示，如果不给canvas设置宽高，默认宽是300px，高是150px。同时，canvas默认是透明的 我们可以给它 ...

1、首先，写出canvas前提，定义所需要的变量，如宽高、分数、生命值等。 2、定义背景图片及开始状态： 　　由于我们设置的背景是动态向下滚动的，所以这里先获取我们所需要的图片，然后将图片所具有的一些属性封装为一个对象方面后面调用。 　　然后定义一个背景图片的构造函数，里面传入 ...