javascript - Raphael Drag + iPhone = Sad Camera App

Question

网络应用在这里: http://www.digitaltransitions.com/visualizer/visualizer.html

主要的javascript在这里: http://www.digitaltransitions.com/visualizer/visualizer.js

相关函数在visualizer.js底部，命名为“dragger”“move”“up”。

我十年前是一名程序员，最近又重新开始帮助我的公司创建一个网络应用程序，帮助我们的客户可视化特定镜头在特定相机上的外观。

别介意信息墙(信息申请表)；随意放入任何垃圾条目。或者您可以在 window.onload 的末尾添加函数 unlock(); 它将绕过信息墙屏幕并直接进入应用程序。

能走到这一步，我感到非常自豪。但现在我主要被困住了，一直在用头撞墙。

我的网络应用程序通过了 Mac_Safari、Mac_Chrome、Mac_Firefox 上的测试。但它在 iPhone4s 和 iPad1 上测试失败；焦距 slider (右上角的 ##mm gizmo 可以改变镜头的“缩放”程度)无法正常工作。当用户捕获 slider 时，有时它会正确地来回滑动，但有时它会跳到屏幕的最左侧，此时应用程序完全停止工作。

任何想法将不胜感激!!

顺便说一句，如果您想知道如何创建带有验证和自定义确认页面的自定义 Google 文档表单，我可以从这里获取我的方法: http://www.morningcopy.com.au

Answer 1

我会说你的第一份工作是确定这是你的错误还是 Raphael 的错误。我会先用一个空方法关闭您的“移动”方法，然后看看会发生什么。

另一种调试方法是在页面的 Angular 落放置一个固定位置的 div，然后将 x/y 值放入其中，这样您就可以实时查看数字的样子。

我猜你遇到了触摸点的计算方式与鼠标光标位置的计算方式之间的数学差异。

根据您添加的 hack，看起来 Raphael 可能会向您发送 Dx 的 NaN 值？