webgis原理剖析系列-以openlayers为例 -03以 canvas来绘制地图，并绘制到固定的区域

上一节写到用canvas来绘制地图，但是没有画成与demo一致的效果。起初观察感觉是用的padding或者margin什么的。后来看代码发现canvas的宽高与map承载元素的宽高相同。因此学习了如何用js来获取元素的宽高，并赋值给canvas。为了让元素居中，动态计算canvas的绘制点，并实现了在横轴方向上的重复。（这里即可开放一个参数，是否重叠绘制，也就是warpX） <!DOCTYPE h

>>阅读原文<<