如何做對象重新定位/在畫布內移動？

如何在HTML5畫布中重新定位/移動對象（及其內容）？流可能是：一個）選擇的區域（用三角形，這樣的MS塗料功能圖標的） b）中移動所述對象到新的位置（重新定位）與內容完整？。如何做對象重新定位/在畫布內移動？

希望你的幫助。

2010-07-16 Don Don

定義「內容」 – 2010-07-16 20:50:45

你的意思是這樣的：

imagedata = ctx.getImageData(sx, sy, sw, sh); 
ctx.putImageData(imagedata, dx, dy);

畫布已經繪/渲染。所以它只是像素，一個三角形在繪製後不再是一個三角形。如果你想能夠移動像三角形的物體，你可以使用svg。

來源

2010-07-16 20:56:57 SiggyF

沒關係，這是非常有用的讓我開始對這個任務。那麼現在我們忘了三角形。進一步的問題是，我們如何設置起始座標（sx，sy），然後指定它們的寬度和高度（sw，sh）。它必須涉及到mousedown，mouseup，mousemove和mousestop（對於dx，dy，目標座標）？甚至不確定是否有這樣的事件觸發器稱爲mousestop ...謹慎投入一些演示代碼？我非常感謝。別 – 2010-07-17 03:45:04

http://blog.fpmurphy.com/2010/02/html5-canvas-element-rubber-banding.html給出這樣的一個例子。 – SiggyF 2010-07-17 06:27:49

謝謝，SiggyF，演示（嘗試）鏈接不起作用。源代碼看起來對我很有用，很快就會挖掘出來，然後報告發現。唐 – 2010-07-17 15:19:56

如何做對象重新定位/在畫布內移動？

回答

相關問題