翻译工程图不能上下移动到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。

在这里修饰小提琴

或者，更改图形位置，以使图形从原点[0,0]开始。