js 如何隔着背景png拖动其下边的img

Question

问题描述

如图，需求是移动端做一个生成海报的功能。用户上传的图片可以被操作（缩放、移动），然后外面不规则的背景png图把用户的上传的图片遮住一些，从来实现个性化的海报。现在问题是如果把要操作的图片放在背景图上面，就没法实现个性化样式，放下面就没法操作，请问该怎么隔着背景png拖动其下边的img

Answer 1

有一个css属性可以了解一下pointer-events: none;

意思是禁止元素的鼠标事件，你对上层背景图使用这个属性，这样鼠标事件就不会在背景图上起作用，就会穿透到下层