翻譯圖不移動到0位置頂部和左邊

Question

我玩弄帆布，發現了一個我不明白的問題，當使用翻譯方法。

在這個小提琴http://jsfiddle.net/claireC/ZJdus/4/中，我希望繪圖移動並反彈四個牆壁中的每一個，但繪圖不會移動到左牆或頂牆。這是我用於移動繪圖的代碼。這適用於我已經完成的其他圖紙，但對於變換方法不起作用。

if(dx < 0 || dx > 150) vx = -vx; 
if(dy < 0 || dy > 240) vy = -vy; 

這是什麼關於翻譯方法爲什麼這段代碼不起作用？

Answer 1

繪圖本身，與翻譯相關的繪圖本身不會比距離邊緣183個像素更近。

你需要彌補這個位置爲好，例如：

if(dx < -183 || dx > 150) vx = -vx; 
if(dy < -87 || dy > 240) vy = -vy; 

產地是你翻譯一下，圖紙繪製183，87 相對原點。

Modified fiddle here

或者改變描繪位置，使您的繪圖中的原點[0,0]開始。