SVG隨手畫使用說明

這是一個簡易的線上隨手畫介面,讓網友可以繪製簡易圖案
最後的目的是能繪製好後直接傳送到討論區或是用在輔助教學網頁上

目前可以使用的功能說明如下:

一般繪圖

 直線
 矩形
 圓形

於繪圖區中按下滑鼠左鍵同時拖曳至需要的大小後放開,即可產生圖形。

 折線
 多邊形

於繪圖區中單擊滑鼠左鍵建立圖形各端點,直至雙擊滑鼠左鍵時即可結束並產生圖形。

 輸入文字

於繪圖區中欲輸入文字之位置單擊滑鼠左鍵,將文字內容輸入於開啟的視窗後按下確定即可。

 

圖形處理

 選取圖形

於產生的圖形上單擊滑鼠左鍵選取該圖形

 移動繪圖區

於繪圖區中按下滑鼠左鍵同時拖曳整個繪圖區至所要檢視的位置後放開即可。

 刪除功能說明

提示使用者利用滑鼠選取圖形後直接按下delete鍵即可進行刪除圖形的動作。

 儲存目前圖形

將目前已建立之圖形儲存為檔案

 函數工具列

顯示或隱藏函數工具列

 

 

函數工具

 設定座標軸

定義繪圖區座標軸,設定內容包括x、y數值之範圍,主要與次要格線間距,是否顯示座標軸等資料。

         x(t) & y(t)

     y=f(x,t)

 ax+by+c=0

 

定義x、y、t之間的各種關係式。
(※設定時請依照下述方法表示)
絕對值→abs(number)→例:abs(-3)=3
三角(反)函數→sin(number)、cos(number)、tan(number)、asin(number)、acos(number)、
        atan(number)、atan2(numberA/numberB)→例:asin(x)=arcsin(x)、
        atan(x)=arctan(x)、atan2(a/b)=arctan(a/b)
自然指數→exp(number)=enumber→例:exp(3)=e3
自然對數→log(number)→例:log(3)
平方根→sqrt(number)→例:sqrt(4)=2
次方→pow(numberA,numberB)=numberAnumberB→例:pow(x,2)=x2
其他常用數值→自然數(Euler's constant e)E=e、LN2=ln2、LN10=ln10、LOG2E=log2e、LOG10E=loge、圓周率PI=π

在曲線上單擊滑鼠左鍵即可產生該點切線

在曲線上單擊滑鼠左鍵選取兩端點。

動畫控制

 播放動畫

若曾定義與t之關係式,該圖形將隨動畫撥放時間改變其相對應結果。

 停止動畫

停止動畫撥放並將圖形回復至原始狀態。

 

圖形樣式選擇

框線色彩
內部填滿色彩

設定產生圖形時之預設色彩樣式,所選取之色彩將以顯示。

 線條樣式

設定產生圖形時之預設線條樣式,包含線條粗細以及線條實虛線種類。

 

 

其他操作功能:

※單擊滑鼠左鍵→選取圖形

※按下滑鼠左鍵並拖曳→移動圖形

※雙擊滑鼠左鍵並拖曳→改變該圖形大小

 

繼續發展中! 歡迎提供建議意見


國立台灣師範大學 物理系 黃福坤
歡迎提供改進意見 hwang@phy.ntnu.edu.tw