添加用戶交互canvas元素

Question

我剛開始使用的canvas元素，我想創造這樣的平移元素here：並且爲了清楚起見，它圖爲：

。

我想保持非常類似的功能。以我發佈的示例爲例。我做了一個rough mockup（原因糟糕的代碼質量）我想做什麼。所以，我最近改變了我的圖形來使用畫布而不是笨拙的DOM元素，我想知道爲這個平移元素採用相同的路線是否明智。另外，每次移動平移元素或調整大小時，如何避免重新繪製整個框架？

Answer 1

您可以在畫布元素上以類似的方式使用鼠標事件，並使用它們來確定畫布上要繪製的內容，以避免重繪，您可以選擇性地清除框架的某些部分並重繪該部分使用clearRect函數的零件更改，http://dev.opera.com/articles/view/html-5-canvas-the-basics/下的基本線條和筆劃部分。