用js绘图

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

<object id=DirectDraw

classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"

style="positiion:absolute;top:0;left:0;width:320;height:200"

>

<param name="line0001" value="绘图指令1">

<param name="line0002" value="绘图指令2">

...

</object>

绘图指令分类:

(一)常见形状

1.矩形类 //rotation是以度为单位的旋转角度

Rect(x ,y, width, height, rotation) //矩形

Oval(x ,y, width, height, rotation) //椭圆

RoundRect(x ,y, width, height, arcWidth, arcHeight, rotation)

2.弧形类

Arc(x ,y, width, height, startAngle, arcAngle, rotation) //弧形

Pie(x ,y, width, height, startAngle, arcAngle, rotation) //饼图

3.多边形类

Polygon(nPoints, x1, y1, x2, y2, [x3, y3, ....], rotation) //闭合

Polyline(nPoints, x1, y1, x2, y2, [xn, yn, ....], rotation) //不闭合

(二)效果函数

1.线条效果

SetLineColor(r, g, b) //设置画线颜色

SetLineStyle(style) //style=(1:实线;2:虚线;0:隐藏)

2.填充效果

SetFillColor(r, g, b, backr, backg, backb)

SetFillStyle(style) //style=(1:实心;2:透明;3:-;4:|;5:\;6:/;7:+;8:x)

(三)文字输出函数

SetFont('字体',width,height,r,g,b) //设置字体

Text('要输出的文字内容', x,y,z) //输出文字

控制函数 //定义<object>后在<script></script>里使用。

引用格式:DirectDraw.FunctionName()

rotate(x-rotation, y-rotation, z-rotation) //旋转

scale(x-scale,y-scale,z-scale) //缩放

translate(x-coordinate,y-coordinate,z-coordinate) //平移

setIdentity() //复原

clear() //清除,清除后无法恢复!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航