學習如何真正使用HTML5畫布

我想學習如何繪製到畫布，我閱讀了大量資源，它教會了您關於API的所有內容，以及如何使用它來繪製等，並且我發現了很好的資源，問題是現在我知道如何使用API方法繪製，但我仍然無法弄清楚如何繪製！學習如何真正使用HTML5畫布

不要誤解我的意思，我不期待學習藝術概念等，我正在談論簡單的形狀，如心或鑽石的例子，我怎麼弄出座標，x和y的一切我知道如何繪製一個弧，但我如何找出控制點座標的例子？

在矢量繪圖軟件中，您可以在畫圖時獲得視覺反饋，並且我知道它更難以使用畫布更復雜，但我不知道應該如何提高這種能力。我甚至不知道我有什麼能力需要改進......

我必須擅長數學嗎？

任何機構都可以指導我以正確的方式真正學習如何繪製HTML5 Canvas？

2011-10-01 Stacker

善於數學是有幫助的。繪製「特殊」形狀就是將它們定義爲你已經知道如何繪製的形狀。例如心臟是2條對角線的弧，我相信你知道如何畫。菱形是4條對角線，每兩條對角線平行，並且它們的長度均相等。

2011-10-01 14:30:39

謝謝，我知道如何將心臟分爲簡單的形狀，但我不知道如何弄清楚是如何得到每個形狀的座標？我是否必須首先在紙上畫出它，然後衡量一切，以獲得每種形狀的x和y？ – Stacker

@Stacker：我覺得你太害怕了 - 試試吧。如果你畫一個頂部爲（20,10）'和另一個點（40,50）'的鑽石，那麼你可以推導出其他點：http://jsfiddle.net/eGjak/148/。 – pimvdb

@pimvdb實際上它需要3點來定義鑽石:)（有無限的鑽石可以用頂部和底部點來定義）。但我的意思是，如果你繪製一個弧形，角度爲6pi/11，你可以通過使用sin/cos的簡單數學推導出終點。 –

回答