使用javascript裁剪GIF图像而不会丢失动画[重复]

Posted 2023-03-05

【中文标题】使用javascript裁剪GIF图像而不会丢失动画[重复]

【英文标题】：crop GIF images without loosing animation using javascript [duplicate]

【发布时间】：2022-01-19 10:40:57

【问题描述】：

有没有办法在裁剪 Gif 图像后保持动画。我可以裁剪 gif 图像https://fengyuanchen.github.io/cropperjs/ 但裁剪完成后动画丢失了。是否可以保持动画？任何例子谢谢。

【问题讨论】：

你可以把它作为背景并剪辑容器

嘿，谢谢，你能举个例子吗？

***.com/questions/493296/…

但这不会将其调整为裁剪后的宽度和高度

【参考方案1】：

CSS Display an Image Resized and Cropped

.crop 
  width: 200px;
  height: 250px;
  overflow: hidden;


.crop img 
  width: 400px;
  height: 300px;
  margin: -75px 0 0 -100px;

<div class="crop">
  <img src="https://media.giphy.com/media/QpWDP1YMziaQw/giphy.gif" />
</div>

【讨论】：

感谢您的回答，但我可以在新标签中看到完整的图像，这不会将图像切割成裁剪的宽度和高度，这就是我正在寻找的

你不能在客户端这样做

当我使用cropper.js时，你也遇到了同样的问题

也许需要服务器端脚本吧？

***.com/questions/9276594/…请点击getcropped canvas再下载，可以看到不同维度的图片