[問題] 學習HTML5遇到的問題

看板Web_Design作者 (作別人生命中的天使!)時間11年前 (2012/10/31 17:08), 編輯推噓7(7018)
留言25則, 11人參與, 最新討論串1/1
各位版上的高手你們好 小弟最近開始學習HTML5的canvas tag 遇到了幾個問題,已經google及找書但是還是無從了解 所以在版上發文,麻煩知道的高手指點迷津 1. 運用<canvas>時常常搭配<script>使用 大多書都會先運用以下兩行程式碼 → var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); 另外我發現,以下面的程式碼亦有相同效果 → var ctx=document.getElementById("myCanvas").getContext("2d"); 請問原因是什麼?如何以白話來描述這兩種程式碼所代表的含意? 2. 最近在學習canvas的transform(a,b,c,d,e,f)method, 對於b、c變數所代表的傾斜效果,一直沒辦法清楚的了解 輸入的b、c變數與傾斜角度的關係 想請了解的朋友幫忙解答,b、c值與傾斜的關係 先在此表達感謝~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 180.177.119.114

10/31 17:22, , 1F
先去學javascript....
10/31 17:22, 1F

10/31 17:22, , 2F
第一個問題很嚴重..... 建議把javascript學透徹一點
10/31 17:22, 2F

10/31 18:03, , 3F
同意樓上... ... 2的話, 數學先搞好.
10/31 18:03, 3F

10/31 19:53, , 4F
請問有推薦的資料可以參考嗎?感謝~^^
10/31 19:53, 4F

10/31 21:48, , 5F
關於第一個問題 你可以看做電腦在解析時 先取得document
10/31 21:48, 5F

10/31 21:49, , 6F
物件 然後document物件下有一個方法叫getElementById
10/31 21:49, 6F

10/31 21:50, , 7F
呼叫這個方法並傳入參數"myCanvas" 然後取得該元素
10/31 21:50, 7F

10/31 21:50, , 8F
之後該元素又有個方法叫getContext 執行這個方法並傳入參
10/31 21:50, 8F

10/31 21:50, , 9F
數"2d"
10/31 21:50, 9F

10/31 21:51, , 10F
所以分成多步作 跟整合成一個步驟是一樣的
10/31 21:51, 10F

10/31 21:51, , 11F
你人真好.
10/31 21:51, 11F

10/31 21:51, , 12F
但是好處是你先建立一個變數c儲存myCanvas這個元素
10/31 21:51, 12F

10/31 21:52, , 13F
你之後使用的時候就不用再寫那麼多 而電腦解析時也可以省
10/31 21:52, 13F

10/31 21:52, , 14F
掉去找這個元素的動作
10/31 21:52, 14F

10/31 21:52, , 15F
我人真好啊 快發我好人卡
10/31 21:52, 15F

10/31 21:54, , 16F
遞好人卡
10/31 21:54, 16F

10/31 23:35, , 17F
好人卡兩張
10/31 23:35, 17F

11/01 00:06, , 18F
好人!~~
11/01 00:06, 18F

11/01 16:12, , 19F
好人卡~~~
11/01 16:12, 19F

11/01 18:14, , 20F
只能發好人卡了(遞
11/01 18:14, 20F

11/01 20:27, , 21F
好人卡請收下
11/01 20:27, 21F

11/01 22:11, , 22F
好人卡+1
11/01 22:11, 22F

11/01 22:12, , 23F
一天沒看推文就歪掉惹
11/01 22:12, 23F

11/03 09:54, , 24F
我不是故意的... .. (真的嗎?)
11/03 09:54, 24F

11/07 00:23, , 25F
真的是好人…
11/07 00:23, 25F
文章代碼(AID): #1GaEg88U (Web_Design)