当前位置: 代码迷 >> Java Web开发 >> js中用vml在圆中画扇形的有关问题
  详细解决方案

js中用vml在圆中画扇形的有关问题

热度:116   发布时间:2016-04-17 12:45:53.0
js中用vml在圆中画扇形的问题!
大家好,我有个用js中的vml画圆图的问题。页面上就是显示不出来圆图形。各位指点下啊,页面代码如下。我需要在js代码里面生成div层,然后在div层里面显示这个圆图形。因为画圆图形的一些数据是从后台传过来的!

这个很着急啊!最后40分啦,大家帮帮忙啊!谢谢啦!

 代码如下:大家帮帮看看啊,谢谢啦!

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > 
<html xmlns:v > 
  <head > 
  <title >VML Pie </title > 
<STYLE > 
v\:* { BEHAVIOR: url(#default#VML) } 
</STYLE > 
<script type="text/javascript" > 

  var r=200; 
  function showDiv(){ 
  var i=50; 
  var m=10; 
  var n=10; 
  var insertTD=document.getElementById("insertTD"); 
   
  for(var j=0;j <2;j++){ 
  //add object div  
  var divv=document.createElement("div"); 
  divv.setAttribute("id","div"+j);  
  divv.style.zIndex=j; 
  divv.style.display="block"; 
  divv.style.left=200+i; 
  divv.style.top=120+i;  
  divv.setAttribute( 'border ', 'solid ');  
  divv.setAttribute( 'border-width ', 'thin thin thin thin '); 
  divv.setAttribute( 'border-color ', '#000000 black black #000000 ');  
  divv.setAttribute( 'position ', 'absolute '); 
  insertTD.appendChild(divv); 
  //add vml <v:group > 
  var group=document.createElement( 'v:group '); 
  group.setAttribute("id","group"+j); 
  group.setAttribute( 'CoordOrig ', '-300,-200 '); 
  group.setAttribute( 'CoordSize ', '600,400 '); 
  group.setAttribute( 'position ', 'relative '); 
  group.setAttribute( 'height ', '500 '); 
  group.setAttribute( 'width ', '500 '); 
  var rect=document.createElement( 'v:rect '); 
  rect.style.fillcolor= 'white '; 
  rect.style.strokecolor= 'red '; 
  rect.style.position= 'relative '; 
  rect.style.offsetLeft= '-300 '; 
  rect.style.top= '-300 '; 
  rect.style.width= '600 '; 
  rect.style.height= '600 '; 
   
  /*** rect.setAttribute( 'fillcolor ',); 
  rect.setAttribute( 'strokecolor ', 'red '); 
  rect.setAttribute( 'position ', 'relative '); 
  rect.setAttribute( 'left ', '-300 '); 
  rect.setAttribute( 'top ', '-300 '); 
  rect.setAttribute( 'WIDTH ', '600 '); 
  rect.setAttribute( 'HEIGHT ', '600 '); 
  */  
   
  var shadow=document.createElement( 'v:shadow '); 
  shadow.setAttribute( 'type ', 'single '); 
  shadow.setAttribute( 'color ', 'silver '); 
  shadow.setAttribute( 'offset ', '4pt,3pt ');  
  rect.appendChild(shadow); 
  group.appendChild(rect);  
  var shapediv=document.createElement( 'div '); 
  shapediv.setAttribute("id","shapediv"+j);  
  showPie( '40 ', '30 ',shapediv);  
  相关解决方案