webgis原理剖析系列-以openlayers爲例 -03以 canvas來繪製地圖，並繪製到固定的區域

上一節寫到用canvas來繪製地圖，但是沒有畫成與demo一致的效果。起初觀察感覺是用的padding或者margin什麼的。後來看代碼發現canvas的寬高與map承載元素的寬高相同。因此學習瞭如何用js來獲取元素的寬高，並賦值給canvas。爲了讓元素居中，動態計算canvas的繪製點，並實現了在橫軸方向上的重複。（這裏即可開放一個參數，是否重疊繪製，也就是warpX） <!DOCTYPE h

>>阅读原文<<