加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

运用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"
给大家分享一篇用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() //清除,清除后无法恢复!
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!