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

问题描述

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

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

回答

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

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

以上是 js 如何隔着背景png拖动其下边的img 的全部内容, 来源链接: utcz.com/a/109486.html

回到顶部