之前一直想使用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、定義背景圖片及開始狀態： 　　由於我們設置的背景是動態向下滾動的，所以這里先獲取我們所需要的圖片，然后將圖片所具有的一些屬性封裝為一個對象方面后面調用。 　　然后定義一個背景圖片的構造函數，里面傳入 ...