以下是此页面上的画布示例: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;
}
..但它会禁用画布点击事件!