启用Canvas touch-pan-scroll

时间:2017-03-02 11:56:11

标签: canvas scroll

以下是此页面上的画布示例:http://brekalo.info/en/references。 域名在画布中加载,通过单击域名,我们可以在新窗口中打开它。

在移动设备上,用户需要触摸平移滚动页面,但除非应用了css 指针事件:无,否则画布不允许这样做。

如果我设置 pointer-events:none ,则我的点击事件将被禁用。

HTML

<section id="pixi-frame" class="pixi-frame">
    <canvas></canvas>
</section>

CSS

#pixi-frame {
    pointer-events: none;
}

canvas { 
    pointer-events: all; 
}

以上css代码无效。

这个可行,允许在画布上进行触摸拖动:

canvas { 
    pointer-events: none; 
}

..但它会禁用画布点击事件!

0 个答案:

没有答案