问题标签 [mosaic]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
364 浏览

css - 带有 css 的马赛克网格

试图制作一个响应式的马赛克网格,它必须看起来像这样。 目标网格马赛克

这是scss

如果你看,最后两个网格项目有类“bot-one”。我已经使这个浮动并使用“填充底部”技巧来达到具有纵横比的块。

但是无法达到效果....最后2块没有堆叠在正确的位置...这里有什么问题?

0 投票
1 回答
408 浏览

html - HTML/CSS 马赛克图片库

我正在尝试在 html 和 CSS 中制作几个“块”,并且我正在尝试制作类似于我包含的图像的东西。试过找模板,但找不到类似的东西,有谁能帮帮我吗?(不需要你在图片上看到的链接)

我只是这一切的初学者,所以请原谅任何误解

我自己正在尝试这个,但我也无法让它工作,可能是因为我使用的是图像而不是其他东西..

我想到的例子

在此处输入图像描述

0 投票
1 回答
1065 浏览

python - statsmodels 马赛克图 - 如何排序类别

这是数据框:

如果我绘制它mosaic(df, ['size', 'length']),它将size按此顺序显示smallthen large,而我想拥有largethen small。有没有办法实现它?

0 投票
1 回答
257 浏览

image - 图像拼接中的正确图像尺寸

我正在使用 SURF 在 Matlab 中实现图像马赛克。问题是

它产生

在此处输入图像描述

我想要这样的东西

在此处输入图像描述

如果我改变

matlab 裁剪第二个图像,使其在转换后适合第一个图像大小。

0 投票
1 回答
351 浏览

image - ImageMagick 裁剪一次调整多个文件马赛克的大小

我有 1000 张不同尺寸的图像。是否可以在一个命令中裁剪和调整它们的大小,然后从它们中进行马赛克。我已经尝试过这种方式,它正在调整图像的大小,但该-page选项无法正常工作,它没有得到调整后的尺寸,而是原始尺寸。

这是我的示例,它没有裁剪,因为我真的不太了解如何在一个文件上应用多个操作然后移动到另一个文件。

那么,是否可以在文件中执行多项操作,然后移动到另一个等。然后一次性创建它们的马赛克。在一个镜头中完成所有这些实际上是个好主意,还是首先我必须准备每个小图像,然后进行马赛克。我的意思是,如果我有非常多的图像集合,我可能会用完 RAM,所以在这种情况下,我可以做一小部分马赛克,然后将它们全部组合在一起。

但是第二个问题还是出现了,先准备好所有的小瓷砖再做马赛克不是更好吗?

谢谢你的帮助。

0 投票
1 回答
619 浏览

html - 马赛克 - 背景

我想为我的网站制作马赛克背景(即图片墙)。

图片大小相同,从数据库中随机检索,限制为 10。

我正在使用引导程序。

它应该是响应式的。

这样做的正确方法是什么?(具有背景图像属性的多个 div,...)

例子

谢谢,

0 投票
0 回答
1286 浏览

video - 在ffmpeg中使用vstack和hstack将多个视频输入到视频网格

我正在尝试为 ffmpeg 找到一个工作示例来组合分辨率不同的 4 个视频(2x2 堆栈)和 9 个视频(3x3 堆栈)。

对于 2x2 示例,我目前正在使用文档示例,但它仅适用于所有视频的分辨率相同的情况。见命令

ffmpeg -i top_l.mp4 -i top_r.mp4 -i bottom_l.mp4 -i bottom_r.mp4 -i audio.mp4 \ -filter_complex "[0:v][1:v]hstack[t];[2:v][3:v]hstack[b];[t][b]vstack[v]" \ -map "[v]" -an -sn -shortest -f flv rtmp://server/stream

这不适用于我的视频输入,并出现以下错误。

[Parsed_vstack_2 @ 0000000003245cc0] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 0000000003245cc0] Failed to configure output pad on Parsed_vstack_2 Error reinitializing filters! Failed to inject frame into filter network: Invalid argument Error while decoding stream #3:0: Invalid argument [Parsed_vstack_2 @ 00000000033fec20] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 00000000033fec20] Failed to configure output pad on Parsed_vstack_2 Error reinitializing filters! Error while filtering: Invalid argument [Parsed_vstack_2 @ 00000000033feb40] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 00000000033feb40] Failed to configure output pad on Parsed_vstack_2 Error reinitializing filters! Failed to inject frame into filter network: Invalid argument Error while decoding stream #0:0: Invalid argument [Parsed_vstack_2 @ 00000000033fec20] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 00000000033fec20] Failed to configure output pad on Parsed_vstack_2 Error reinitializing filters! Failed to inject frame into filter network: Invalid argument Error while decoding stream #1:0: Invalid argument [Parsed_vstack_2 @ 00000000033fece0] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 00000000033fece0] Failed to configure output pad on Parsed_vstack_2 Error reinitializing filters! Failed to inject frame into filter network: Invalid argument Error while decoding stream #2:0: Invalid argument [Parsed_vstack_2 @ 00000000033ff1c0] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 00000000033ff1c0] Failed to configure output pad on Parsed_vstack_2 Error reinitializing filters! Failed to inject frame into filter network: Invalid argument Error while decoding stream #3:0: Invalid argument Finishing stream 0:0 without any data written to it. [Parsed_vstack_2 @ 00000000033fec20] Input 1 width 1440 does not match input 0 width 1264. [Parsed_vstack_2 @ 00000000033fec20] Failed to configure output pad on Parsed_vstack_2 Error configuring filter graph Conversion failed!

另外,如果有人知道如何进行 3x3 堆栈,请随时发表评论。

0 投票
0 回答
5180 浏览

vlc - 使用 vlc 马赛克显示来自 Spydroid 的多个 RTSP 流

我想在 VLC 2.2.4 中在同一窗口但不同部分显示两个 RTSP 流。这些流来自同一本地网络中的 Spydroid。我知道马赛克可以做这样的事情。下面是配置文件:

两部手机的配置都是一样的:

我想将两个流放在垂直布局中,运行参数如下:

但是,结果并不像我想要的那样:两个流只是在顶部碰撞,它们没有单独显示。两个流竞争同一个部分(竞争是确切的词,因为它们交替显示,直到一个流断开)。

这是vlc截图

这是终端截图

谁能帮我?谢谢。

0 投票
0 回答
212 浏览

image - 拼接相同大小的图像块,具有不同的偏移/位置

我有大约 200 张图像(扫描的地图提取物),我想将它们拼接成一个大图像

所有图像都具有相同的宽度/高度(~3000 x ~1900px),但是,它们不会整齐地堆叠在彼此上方/下方/旁边 - 基本上它们都需要通过眼睛手动定位,以便图像中的特征与他们的邻居

我希望将最终图像后处理成一堆方形图块,这些图块可以与 OpenMaps 之类的东西一起使用

有没有现成的软件可以帮助解决这个问题?起初 Hugin 似乎是一个很好的匹配,但我似乎无法找到关闭它的“智能”以允许我手动定位所有图像

0 投票
1 回答
553 浏览

r - 在栅格列表中镶嵌同一日期的栅格

我正在使用 R Studio 0.99.902。

我有一个栅格列表(特定图块的 S2 波段 5 的时间序列)。一些日期的采集被分成两个文件,我需要镶嵌它们(它们是同一个图块的两个不同区域)。这将允许我稍后构建时间序列堆栈。我希望 R 自动检测在同一日期获取的文件并将它们镶嵌起来,而不需要我为每对重复的栅格编写一个镶嵌函数。

这是我的栅格列表:

如您所见,一些栅格具有相同的日期,但名称并不完全相同。为了查找重复项,我从文件名中提取了每个文件的日期,并将日期指定为列表中对象的名称。名称(lst_B5)<-dates_2 其中

这使我可以在列表中找到重复项:

但我仍然不知道如何自动镶嵌重复项。你有什么提示吗?