js中用vml在圆中画扇形的有关问题
日期：2014-05-18 浏览次数：20677 次
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 ');
大家好，我有个用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 ');
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
