用js绘图的详细教程

　　今天小编给大家分享一篇用js绘图的详细教程，感兴趣的朋友跟小编一起来了解一下吧!

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

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

　　>

　　...

　　绘图指令分类：

　　(一)常见形状

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

　　以上就是用js绘图的详细教程，想必都了解了吧，更多相关内容请继续关注爱站技术频道。