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設定畫筆顏色

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





ċ
Canvas_Flung_Direction.zip
(6k)
王譽潔,
2013年6月17日 上午5:41
ċ
HW2 繪方形.zip
(3k)
王譽潔,
2013年6月17日 上午5:42
ċ
HW2 繪方形_2.zip
(107k)
王譽潔,
2013年6月17日 上午5:42
ċ
HW2 繪方形_3.zip
(3k)
王譽潔,
2013年6月17日 上午5:42
ċ
HW2.zip
(19k)
王譽潔,
2013年6月17日 上午5:42
ċ
HW2_2.zip
(393k)
王譽潔,
2013年6月17日 上午5:43
ċ
HW2_3.zip
(438k)
王譽潔,
2013年6月17日 上午5:43
ċ
HW2_4.zip
(16k)
王譽潔,
2013年6月17日 上午5:43
ċ
HW2_5.zip
(392k)
王譽潔,
2013年6月17日 上午5:44
ċ
HW2_兩點繪製圖形code.zip
(4k)
王譽潔,
2013年6月17日 上午5:44
ċ
HW2繪方形.zip
(392k)
王譽潔,
2013年6月17日 上午5:44
ċ
HW_2畫方型.zip
(4k)
王譽潔,
2013年6月17日 上午5:41
ċ
homework2.zip
(34k)
王譽潔,
2013年6月17日 上午5:41
ċ
hw2_1.zip
(145k)
王譽潔,
2013年6月17日 上午5:43
Comments