iOS 11.3 导致绘图 canvas 到 pan/scroll 并使用 Method-Draw / SVG-Edit 选择

Question

我们已经在 MethodDraw 上使用 MethodDraw which is a fork of SVG-Edit. Ever since the last iOS update on the iPad or iPhone, the screen scrolls when you try to draw a line on the drawing canvas. When making a simple selection, the screen pans around making it unable to use. There is a bug report，但听起来 MethodDraw 似乎不再维护和更新。

要复制，请使用 iPad 或 iPhone 运行 iOS 11.3 或更高版本查看此页面：http://editor.method.ac/ 并尝试使用铅笔画一条线 - 您会看到屏幕移动并且几乎无法使用该应用程序。

在网上搜索解决方案，我发现了一个类似的问题，但我仍然不确定如何修补 MethodDraw 来修复它。请参见 webkit.org：错误 184250 - 无法在动态添加的事件中调用 event.preventDefault 听众

我相信它与动态事件处理程序有关。

Answer 1

这是我们用来修正问题的函数。我们在页面加载时调用此函数。

function handleAppleDevice(){
    var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
    if(iOS){
        $('body').css('position','fixed');
    }
}

iOS 11.3 导致绘图 canvas 到 pan/scroll 并使用 Method-Draw / SVG-Edit 选择

iOS 11.3 causes drawing canvas to pan/scroll with selection with Method-Draw / SVG-Edit

javascript

svg

event-handling

ios

svg-edit