HTML5重繪和發佈HTML

Question

我有三個按鈕在HTML5,Add Circle,Add Text和Add Rectangle，它調用其各自的javascript來繪製該特定形狀。現在，如果用戶改變其位置如何可以得到新的，改變的位置？

Answer 1

如果您在畫布上偵聽「mouseDown」事件，則可以存儲鼠標相對於畫布原點的位置。然後在「mouseUp」上，再次獲取座標並將選定的形狀轉換到新的位置。

好吧，這是基本的理念，爲更詳細的解釋，你會做這樣的事情：

1. 上mouseDown獲得鼠標座標（相對於畫布），並獲取鼠標的偏移（鼠標相對於所選形狀的原點的位置）
2. mouseMove獲取新的鼠標位置（再次，相對於畫布）並將選定的形狀轉換爲新位置，還需要應用先前計算的偏移量（您這裏可以使用ghosting effect）
3. on mouseUp將變形應用到形狀（這可能是可選的，這取決於前面的步驟是否實際翻譯形狀）

祝您有美好的一天！