leafer-ui
leafer-ui copied to clipboard
目前我试了几种mask方案,都做不到遮罩效果仅适用本体而stroke不受影响
设计遮罩的时候未考虑这种情况,不过clipping-path下个版本可以支持一下。
如果只是是想快速实现图片裁剪功能,可以了解一下最近更新日志中的专业裁剪插件,能够更简单的实现你这个需求。
我们需要通过遮罩来实现不同形状的图片裁剪,然后通过stroke来进行描边,然后clipping-path会把自身给暴露出来,如果图片是一张半透明的图片,就会导致设置了遮罩的元素也给展示出来,这个时候只能通过调整fill的透明度了
建议通过fill图片对象的裁剪模式实现此功能,遮罩功能默认就是全部会遮住的。
目前已支持clipping-path可以同时显示外描边,再想更多的比较难支持,等待新版本发布。