视频顶部的裁剪窗口

Posted

技术标签:

【中文标题】视频顶部的裁剪窗口【英文标题】:Crop window on top of the video 【发布时间】:2020-09-09 15:49:50 【问题描述】:

我想在视频顶部显示一个可调整大小的裁剪窗口。一旦用户调整窗口,我想获取窗口的宽度和高度以及窗口左上角的 x 和 y 位置。 我应该如何处理这个?有没有可用的库?

更新- 我指的是这样的东西-https://github.com/edmodo/cropper 我们有图像..在我的情况下它是用于视频的,我想获取窗口的宽度和高度以及窗口左上角的 x 和 y 位置

【问题讨论】:

【参考方案1】:

您是指在视频上绘制一个矩形叠加层吗?就像橡皮筋线一样,用户可以调整其大小,您可以使用它来确定矩形的位置和尺寸以进行裁剪?

如果是这样,我建议你看看这个在 android 中绘制橡皮筋线的例子。您需要跟踪鼠标/触摸事件来调整橡皮筋线的位置和大小。

Draw rubber band line with an ontouchevent

【讨论】:

我指的是这样的东西-github.com/edmodo/cropper,我们有图像。在我的情况下,它是用于视频的,我想获得窗口的宽度和高度以及 x 和 y 位置窗口的左上角 橡皮筋线将由您的应用程序绘制。不是吗?为此,您已经需要知道 topX、topY、bottomX 和 bottomY 坐标,不是吗?我指的是这个调用:canvas.drawLine(topX, topY, bottomX, bottomY, paintFill);

以上是关于视频顶部的裁剪窗口的主要内容,如果未能解决你的问题,请参考以下文章

libVLC 视频裁剪

同时使用css显示图像裁剪图像的顶部和底部

UIImagePickerController 允许编辑错误地裁剪图像,在顶部留下黑条

WPF 窗口去除顶部边框(正宗无边框)

从顶部裁剪,而不是从中心裁剪

通过 GD 裁剪图像并粘贴顶部