今天小編給大家分享一篇用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() //清除,清除后無法恢復!

　　以上就是用js繪圖的詳細教程，想必都了解了吧，更多相關內容請繼續關注錯新技術頻道。