用js绘图

来源(www.knowsky.com)

From: http://www.knowsky.com/1860.html

用js绘图

文章类别:JSP技巧 | 发表日期:2001-4-28 星期六 | 文章等级: ★★★★★

转自:动态网站制作指南 | www.knowsky.com

<object id=DirectDraw
classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
style="position: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) //输出文字

控制函数 //定义后在里使用。
引用格式: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() //清除,清除后无法恢复!

测试代码
<object id=DirectDraw
classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
style="position:absolute;top:0;left:0;width:320;height:200"
>
<param name="line0001" value="SetFillStyle(7)">
<param name="line0002" value="SetFillColor(0 ,0, 255, 255, 0, 255)">
<param name="line0003" value="Pie(-20 ,-45, 95, 45, 0, 270, 0)">
<param name="line0004" value="SetFillStyle(8)">
<param name="line0005" value="SetFillColor(255, 0, 255, 0 ,0, 255)">
<param name="line0006" value="Pie(-100 ,-10, 95, 45, 0, 270, 60)">
<param name="line0007" value="SetFont('宋体', 22, 32, 1, 0, 0)">
<param name="line0008" value="SetFillStyle(1)">
<param name="line0009" value="Text('小马乍行嫌路窄', -160, 0, 30)">
<param name="line0010" value="Text('大鹏展翅恨天低', 0, 50, -30)">
</object>


执行效果

Link: http://www.asm32.net/article_details.aspx?id=1246


浏览次数 474 发布时间 2006-06-26 14:26:28 从属分类 JSP/Servlet 【评论】【 】【打印】【关闭
 
| www.asm32.net | 2006版 | 资料中心 | linux | asm/asm32 | C/C++ | VC++ | java | Python | 书签 | ASP.Net书签 | 京ICP备09029108号-1