rlm@46: /*
rlm@46: JSON Richdraw Abstraction Layer
rlm@46: 
rlm@46: ---------------------
rlm@46: Also,
rlm@46: 
rlm@46: JSON Rich Draw Format
rlm@46: 
rlm@46: ---------------------
rlm@46: 
rlm@46: */
rlm@46: 
rlm@46: 
rlm@46: 
rlm@46: function canvas(richdraw,format){ 
rlm@46:   
rlm@46:   var rawshapes = richdraw.getshapes()
rlm@46:   var newshapes = [];  
rlm@46:     //var view=Ext.util.JSON.encode(myOPF[0])
rlm@46:     //newshapes.push(Ext.util.JSON.decode(view));
rlm@46:     newshapes.push(myOPF[0]);
rlm@46:   for(var i = 0; i < rawshapes.length; i++){
rlm@46:     newshapes.push(richdraw.renderer.info(rawshapes[i]));
rlm@46:   }
rlm@46:     return newshapes;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: var fullscreen=false;
rlm@46: function load(code,draw)
rlm@46: {
rlm@46: 
rlm@46:  var noattachlistener=false;
rlm@46:  var renderdoc=false;  
rlm@46:  var renderinfo=false
rlm@46:  for(var i = 0; i < code.length; i++)
rlm@46:   {
rlm@46:    var rendering=true;  
rlm@46: 
rlm@46:    if(code[i].type == "info")
rlm@46:     {
rlm@46:      rendering=false; 
rlm@46:      renderinfo=true;
rlm@46:      if(code[i].loop!=null)
rlm@46:       {
rlm@46:        timerNext=code[i].loop;
rlm@46:       }else{
rlm@46:        timerNext=0;
rlm@46:       }            
rlm@46:     } 
rlm@46:     
rlm@46:    if(code[i].type == "doc")
rlm@46:     { 
rlm@46:      rendering=false; 
rlm@46:      renderdoc=true;
rlm@46:      if(fullscreen==false)
rlm@46:       {
rlm@46:        draw.renderer.view(
rlm@46:        code[i].left,
rlm@46:        code[i].top,
rlm@46:        code[i].width,
rlm@46:        code[i].height,
rlm@46:        code[i].viewBox,
rlm@46:        (code[i].bgcolor!=null)?code[i].bgcolor:"" 
rlm@46:        ); 
rlm@46:       }
rlm@46:        else
rlm@46:       {
rlm@46:        draw.renderer.view(
rlm@46:         0,
rlm@46:         0,
rlm@46:         screenW,
rlm@46:         screenH,
rlm@46:         code[i].viewBox,
rlm@46:         ''
rlm@46:         ); 
rlm@46:       }  
rlm@46:     }
rlm@46:    
rlm@46:    if( rendering==true)
rlm@46:     {
rlm@46:      var co  = draw.renderer.create(code[i].type, 
rlm@46:      (code[i].fillColor!=null)?code[i].fillColor:"", 
rlm@46:      (code[i].lineColor)?code[i].lineColor:"", 
rlm@46:      (code[i].fillOpac)?code[i].fillOpac:"", 
rlm@46:      (code[i].lineOpac)?code[i].lineOpac:"", 
rlm@46:      (code[i].lineWidth)?code[i].lineWidth:"", 
rlm@46:      (code[i].left)?code[i].left:"", 
rlm@46:      (code[i].top)?code[i].top:"", 
rlm@46:      (code[i].width)?code[i].width:"", 
rlm@46:      (code[i].height)?code[i].height:"",  
rlm@46:      (code[i].text)?code[i].text:'', 
rlm@46:      (code[i].textSize)?code[i].textSize:"",    
rlm@46:      (code[i].textFamily)?code[i].textFamily:'Arial', 
rlm@46:      (code[i].href)?code[i].href:'', 
rlm@46:      (code[i].points)?code[i].points:'', 
rlm@46:      (code[i].transform)?code[i].transform:'',
rlm@46:      (code[i].parent)?code[i].parent:''); 
rlm@46:     
rlm@46:      co.id = ""+code[i].id;  
rlm@46:      if (!noattachlistener) 
rlm@46:       {  
rlm@46:         Ext.get(co).on("mousedown", draw.onHit, draw);
rlm@46: 
rlm@46:         /*
rlm@46:         co.addEventListener("click", function(event) { myfunction(this.id,draw,event); }, false);
rlm@46:         co.addEventListener("mouseover", function(event) {myOverFunction(this.id,draw,event); }, false);
rlm@46:         co.addEventListener("mouseout", function(event) {myOutFunction(this.id,draw,event); }, false);
rlm@46:         co.addEventListener("mouseup", function(event) {myUpFunction(this.id,draw,event); }, false);
rlm@46:         co.addEventListener("mousedown", function(event) {myDownFunction(this.id,draw,event); }, false);
rlm@46:         co.addEventListener("mousemove", function(event) {myMoveFunction(this.id,draw,event); }, false);
rlm@46:         co.addEventListener("dblclick", function(event) {myDblclickFunction(this.id,draw,event); }, false);
rlm@46:         */
rlm@46:       }
rlm@46:     }
rlm@46:   }
rlm@46:  if(renderdoc == false)
rlm@46:   { 
rlm@46:    if(fullscreen==false)
rlm@46:     {
rlm@46:      draw.renderer.view(0,0,canvasWidth,canvasHeight,'0 0 700 400','');   
rlm@46:     }
rlm@46:      else
rlm@46:     {
rlm@46:      draw.renderer.view(0,0,screenW,screenH,'0 0 700 400','');
rlm@46:     }
rlm@46:   }  
rlm@46:  if(renderinfo == false)
rlm@46:   { 
rlm@46:   }  
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: 
rlm@46: