Canvas運用之兩點觸控畫方形

說明:點擊Canvas 兩處,自動畫出一個長方形
          
以下列舉一程式寫法:

1. 使用Canvas的功能,計算移動量,作為判斷是否發生拖曳事件 
2. 將螢幕清空 
3. 取得起始座標與當前座標,以兩點擴展出長方形的四個角,並將其連線
  


利用canvas也可畫等腰三角形與圓形
    
三角形寫法:

圓形寫法:(r=sqrt(|x1-x|2+|y1-y|2);兩個變數設定皆須歸零重新作判斷

延伸功能: 存取與顯示及橡皮擦
 
利用Canvas.SaveAs寫下資料夾與檔名存下,並把路徑記下即可顯示

用Canvas.Dragged作橡皮擦拖曳的動作,並將設定與畫布同顏色即可作擦布的動作。

與Goolge map作結合
 
使用LocationSensor定位,並用WebViewer連到Goolge Map的網頁;右邊為用RGB設定畫筆顏色

上圖為設定顯示地圖為道路圖





Yu-Chieh Wang,
2013年6月17日 清晨5:41
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:42
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:42
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:42
v.2
HW2.zip
(19k)
Yu-Chieh Wang,
2013年6月17日 清晨5:42
v.2
HW2_2.zip
(393k)
Yu-Chieh Wang,
2013年6月17日 清晨5:43
v.2
HW2_3.zip
(438k)
Yu-Chieh Wang,
2013年6月17日 清晨5:43
v.2
HW2_4.zip
(16k)
Yu-Chieh Wang,
2013年6月17日 清晨5:43
v.2
HW2_5.zip
(392k)
Yu-Chieh Wang,
2013年6月17日 清晨5:44
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:44
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:44
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:41
v.2
Yu-Chieh Wang,
2013年6月17日 清晨5:41
v.2
hw2_1.zip
(145k)
Yu-Chieh Wang,
2013年6月17日 清晨5:43
v.2