posts - 165, comments - 198, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理
问题: 画页面 或 报表 的 图象问题
解决:用 通过xml画图  画笔wz_jsgraphics.js 
                      xml数据取得 prototype.js
                      画动作 Xmlgraphics.js (自己包装)
    下载:http://www.blogjava.net/Files/Good-Game/Mywz_jsgraphics.rar  请放在 服务器上(tomcat) 并改                          testLine.html页面上的 load( ul ) =>>  ul ( xml 的取得地方 )
            请注意 : IE 5 支持不好 请用 火狐 或 IE6
图片 :


EG:
   这展现了 画线 画图  到 画字的简单过程

<grabhics>

    
<line x1='0' y1='0' x2='40' y2='0' color='green'  stroke='4' />
    
<line id='l1' x1='0' y1='0' x2='0' y2='200' color='darkblue'  stroke='8' />
    
    
<rect x='20' y='20' w='40' h='70' color='hotpink'  stroke='4' />
    
<rect id='r1' x='100' y='60' w='20' h='200' color='greenyellow'  stroke='8' />
    
    
<fillRect x='50' y='60' w='40' h='70' color='darkolivegreen'  stroke='2' />
    
<fillRect id='fr1' x='150' y='250' w='20' h='45' color='darkturquoise'  stroke='1' />
    
    
<ellipse x='0' y='100' w='50' h='100' color='darkolivegreen'  stroke='5' />
    
<ellipse id='e1' x='250' y='0' w='34' h='46' color='darkturquoise'  stroke='7' />
    
    
<fillEllipse x='0' y='150' w='150' h='70' color='darkolivegreen'  stroke='5' />
    
<fillEllipse id='fe1' x='250' y='20' w='84' h='48' color='gray'  stroke='7' />
    
    
<fillArc x='32' y='124' w='130' h='170' start='0' end='190' color='red'  />
    
<fillArc id='fa1' x='200' y='300' w='40' h='20' start='0' end='300' color='red'  />

    
<polygon xs='32,80,23,7,64' ys='124,2,42,24,6' color='darkolivegreen'  />
    
<polygon id='pp1' xs='32,4,2' ys='124,3,51' color='darkolivegreen'  />


    
<fillPolygon xs='10,85,93,60' ys='50,10,105,87' color='00aaaa'  />
    
<fillPolygon id='adfh'  xs='80,126,-30,-60' ys='0,130,40,100' color='00aaaa'  />

    
    
<image x='200' y='300' w='50' h='50' url='../image/test.bmp' />
    
<image id='ima' x='300' y='300' w='50' h='50' url='../image/test.bmp' />

    
<string  font='arial'  size='15' style='Font.ITALIC_BOLD' str='刘凯毅' x='300' y='400' color='red' />
    
<string id='strr'  font='arial'  size='20' style='Font.ITALIC_BOLD' str='万岁' x='310' y='420'  />


</grabhics>


简单页面 : 给出 div 的 id (位置 和 xml 的出处 就可以了)load() 方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    
<head>
        
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
<script language="JavaScript" src='../lib/prototype/wz_jsgraphics.js' ></script>
        
<script language="JavaScript" src="../lib/prototype/prototype.js"></script>
        
<script language="JavaScript" src="../js/test.js" ></script>
        
<script language="JavaScript" src="../js/Xmlgraphics.js" ></script>
        
    
</head>
    
 
<body onload='load( "http://127.0.0.1:8000/Mywz_jsgraphics/xml/graphics.xml" )'>     
   
<div id="myCanvas" style="position:relative;height:250px;width:100%;"> <input type='button' onclick='tt()' /> </div> 
 
</body>
</html>

<script>
    
function tt(){
        
var uu = 'strr'
         
var g2 = getGdom(uu) ;
        getValue(uu).clear();
  
    }
    
</script>



只有注册用户登录后才能发表评论。


网站导航: