看板 Web_Design 關於我們 聯絡資訊
各位版上的高手你們好 小弟最近開始學習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
LaPass:先去學javascript.... 10/31 17:22
LaPass:第一個問題很嚴重..... 建議把javascript學透徹一點 10/31 17:22
mervynW:同意樓上... ... 2的話, 數學先搞好. 10/31 18:03
FrankYoshi:請問有推薦的資料可以參考嗎?感謝~^^ 10/31 19:53
s25g5d4:關於第一個問題 你可以看做電腦在解析時 先取得document 10/31 21:48
s25g5d4:物件 然後document物件下有一個方法叫getElementById 10/31 21:49
s25g5d4:呼叫這個方法並傳入參數"myCanvas" 然後取得該元素 10/31 21:50
s25g5d4:之後該元素又有個方法叫getContext 執行這個方法並傳入參 10/31 21:50
s25g5d4:數"2d" 10/31 21:50
s25g5d4:所以分成多步作 跟整合成一個步驟是一樣的 10/31 21:51
alpe:你人真好. 10/31 21:51
s25g5d4:但是好處是你先建立一個變數c儲存myCanvas這個元素 10/31 21:51
s25g5d4:你之後使用的時候就不用再寫那麼多 而電腦解析時也可以省 10/31 21:52
s25g5d4:掉去找這個元素的動作 10/31 21:52
s25g5d4:我人真好啊 快發我好人卡 10/31 21:52
alpe:遞好人卡 10/31 21:54
knightnick:好人卡兩張 10/31 23:35
wooji:好人!~~ 11/01 00:06
chrisQQ:好人卡~~~ 11/01 16:12
pukia:只能發好人卡了(遞 11/01 18:14
Ansaga:好人卡請收下 11/01 20:27
FrankYoshi:好人卡+1 11/01 22:11
s25g5d4:一天沒看推文就歪掉惹 11/01 22:12
alpe:我不是故意的... .. (真的嗎?) 11/03 09:54
okaoka0709:真的是好人… 11/07 00:23