• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    用js绘图
    POST TIME:2021-10-18 07:59
    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应用图形绘制异常解决方案
    上一篇:如何使用JSP连接DB2数据库
    下一篇:如何使用JSP+MySQL创建留言本(三)
  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信