程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 用js繪圖

用js繪圖

編輯:關於JSP
<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() //清除,清除後無法恢復!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved