运用js绘图的详细教程
发布时间:2023-07-05 14:40:56 所属栏目:教程 来源:
导读:给大家分享一篇用js绘图的详细教程,感兴趣的朋友跟小编一起来了解一下吧!
classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
style="positiion:absolute;top:0;left:0;width:320;height:200"
classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
style="positiion:absolute;top:0;left:0;width:320;height:200"
给大家分享一篇用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() //清除,清除后无法恢复! (编辑:聊城站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐