获取地图转成图片技术分析

 Canvas实现技术详细步骤

    
    1.获取当前div大小
    
    2.获取div中所有图片
    
    3.获取div中图片存在位置left top
    
    4.遍历当前地图中的图片
    
        4.1分清地图层次
        4.2先遍历最下层画最下层到最上
    
    5.将canvas画布设置大小宽高和div一样
        
        5.1创建画布 
        
        5.2设置2d状态                  
            getContext('2d');
        
        5.3调用画图方法             
            drawImage(img, 10, 10);
            context.drawImage(img,x,y,width,height);
            context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
    
    7.将地图中的每张图片添加到画布中设置图片起始位置和大小
    
    
    
项目风险分析：
    1.Svg技术实现不了，因为目前img标签在svg中转换没成功！

 

代码：
  

  



 



    

        123
        
    
    
    

    
    

        
        
    
    

    

mail:[email protected]