用js绘图
导读：收集整理的这篇文章主要介绍了用js绘图，觉得挺不错的，现在分享给大家，也给大家做个参考。 <object id=DirectDraw classid="CLSID:369303C2...
收集整理的这篇文章主要介绍了用js绘图，觉得挺不错的，现在分享给大家，也给大家做个参考。 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() //清除,清除后无法恢复！
您可能感兴趣的文章:
- jquery.flot.js简单绘制折线图用法示例
- 详解plotly.js 绘图库入门使用教程
- JavaScript基础——使用Canvas绘图
- RequireJS简易绘图程序开发
- 纯JavaScript代码实现移动设备绘图解锁
- JavaScript 绘图代码
- 用JavaScript绘图 ——JS2D函数集
- JS绘图Flot应用图形绘制异常解决方案
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 用js绘图
本文地址： https://pptw.com/jishu/604561.html