如何使用 CSS 中的剪辑路径裁剪和保存 div 下的图像？

编程问答 2022-05-22

问题描述

基本上，我现在正在从事一个自由职业项目，其中图像被上传到网站上并被剪切到已经定义的路径上。我给你举个例子：

enter image description here

如您所见，我将 img 标签放在 div 标签下方

<div style="clip-path: xxx">
    <img src="xxxxx.xxx">
</div>

现在，我使用 JQuery UI Draggable 小部件来移动图像。搞定了，没问题。

问题是，我如何捕获并保存该图像？我尝试使用 Html2Canvas 对其进行“截屏”，但结果始终是正方形而不是心形图像。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

cliphtmljavascriptjquery