leaferjs / leafer-ui

一款好用的 Canvas 渲染引擎,革新的体验。高效绘图 、UI 交互(小游戏、互动应用、组态)、图形编辑,前端开发必备~
https://www.leaferjs.com
MIT License
2.38k stars 82 forks source link

当App中Sky层为透明svg图片时,如何触发tree和ground的点击事件? #187

Open ZhuFaRuHuan opened 1 month ago

ZhuFaRuHuan commented 1 month ago

如题,如何才能穿透sky层的svg图片点击到tree层的按钮? 如果将sky层的hittable设置为false 又无法响应滚轮和平移操作了,试了文档中的各种设置都无法实现。

leaferjs commented 1 month ago

将svg图片的hittable设置为false应该就行。另外不知道你有没有注意到,如果将svg图片的hitFill 设为pixel,可以穿过svg的透明区域点中下方的元素:

https://www.leaferjs.com/ui/reference/property/hit.html#hitfill-ihittype

ZhuFaRuHuan commented 1 month ago

感谢!居然还有这么牛的功能,我正在想怎么给封闭透明的Line加点击事件,因为我发现默认透明的地方触发不了。 不过这文档也太神奇了,我看了好多遍但你发的页面都是我没见过的。。。。。

leaferjs commented 1 month ago

哈哈哈,得按照左侧菜单挨个看才行(不过你不用的时候,看了也可能会记不住)