【Svg】------- svg.draw.js 다각형 사용 예시 코드

  
    
    
    

    
    
    
    

  
  
  
  

    

          
      

            
      
    
  
    
    
    
    

        ////////////////////////      ///////////////////////
        
        var poly3 = new SVG("SvgjsSvg1152").size('100%', '100%').polygon().draw().attr('stroke-width',3).attr('fill','#f00').attr("stroke","#ffffff");

        poly3.on('drawstart', function(e){
            document.addEventListener('keydown', function(e){
                if(e.keyCode == 13){
                     poly3.draw('done');
                     //poly3.off('drawstart');
                }
            });
           
            
            document.addEventListener('keyup', function(e){
                // poly3.draw('param', 'snapToGrid', 1);
            });
        });
         //    
          poly3.on("drawstop",function(){
           // poly3.cancel();
                //  poly3.draw("cancel");
              
            })

        function  cancels(){
           // poly3.draw("stop");
            poly3.draw("cancel");
         //  poly3.draw("cancel");
         console.log( document.getElementById("SvgjsSvg1152"));
         var div = document.getElementById("SvgjsSvg1152");
                while(div.hasChildNodes()) // div             
                {
                    div.removeChild(div.firstChild);
                }

           poly3 = new SVG('SvgjsSvg1152').size('100%', '100%').polygon().draw().attr('stroke-width',3).attr('fill','#f00').attr("stroke","#ffffff");
         //  poly3.on('drawstart');
        }

        /////////////////////////////end ////////////////////////////