当前位置: 移动技术网 > IT编程>开发语言>Java > 用js绘图

用js绘图

2017年12月12日  | 移动技术网IT编程  | 我要评论
<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() //清除,清除后无法恢复!

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网