【公告】網站目前停止所有的課程訂閱服務,除了 7 月底預計完成上線的 KBF 餘下課程影片,將不會再新增其它課程內容,原有學員權益不受影響,造成不便還請見諒,我們正在開發以 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供更好的課程訂閱服務,感謝學員的支持。

Canvas 動畫 - 描述三角函數 Sin(x) 圖形

HTML5 的 Canvas 物件支提供數種方法的調用,支援各種幾何圖形的描繪,而對於任意圖形,則必須進一步搭配各種數學原理進行即可描繪,三角函數曲線即是很典型的例子,描繪方式如下:


呈現,請改用 Chrome 或是 Firefox


這是 f(x)=sin(x) 方程式中,x=0 ~ x=360 的曲線圖形 …

Canvas 動畫 - 簡單物件移動
Canvas 動畫 - 簡單物件向量移動
Canvas 動畫 - 描述三角函數 Sin(x) 圖形




沒有留言: