当用户在HTML5画布上绘图/拖动时阻止滚动

Question

我已经看到很多其他人问相同或相似的问题，那就是如何防止Safari浏览器在用户在HTML canvas元素上绘制时在页面上滚动。

我尝试过CSS：

 touch-action: none;

我尝试使用js preventDefault和touchstart

document.body.addEventListener("touchstart", function (e) {
    if (e.target == canvasElementVariable) {
        e.preventDefault();
    }
}, { passive: false });

在使用Safari的iphone 7上进行测试时，这两个选项均不能阻止滚动，但可以在其他浏览器上使用。有什么想法吗？