当前位置: 首页 > 图文教程 > 网络编程 > JSP > 用js绘图

JSP
Jsp常用技巧:图片验证码
JSP教程:JSP页面跳转的实战规则
JSP模板应用指南(上)
JSP由浅入深(3): 通过表达式增加动态内容
JSP由浅入深(5): Scriptlets和HTML的混合
JSP由浅入深(1): 熟悉JSP服务器
JSP由浅入深(12): 表单编辑
JSP由浅入深(11): 标记库
JSP由浅入深(10): Beans and Forms处理
JSP由浅入深(9): JSP Sessions
JSP由浅入深(8): JSP Tags
JSP由浅入深(6): JSP声明
JSP由浅入深(4): Scriptlets
JSP由浅入深(2): 第一个JSP
JSP由浅入深(7): JSP Directives
使用JSP + JAVABEAN + XML 开发的一个例子
快速建立Servlet和JSP的运行、调试和编译环境
利用iText在JSP中生成PDF报表
JSP避免Form重复提交的三种方案
Jsp连接Access数据库(不通过建立ODBC数据源的方法)

JSP 中的 用js绘图


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 55 ::
收藏到网摘: n/a

<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() //清除,清除后无法恢复!