我有一个画廊,用户可以在其中提交视频的 Youtube 链接,服务器会自动从 Youtube 获取缩略图。然而,许多视频的图像顶部和底部都包含黑条。我知道黑条的起源,但当我将缩略图大小调整为正方形时,黑条会干扰设计。
我尝试从上到下分析像素颜色,直到找不到黑色(图像颜色()),但它仍然留下一些接近黑色的颜色,因此小条仍然存在于图像中。
有什么更有效的算法可以检查?
解决方案之一是做与 youtube 相同的事情。
如果您访问他们的网站,并查看图像和包装图像的元素,您将看到包装元素具有与此类似的 css:
display:inline-block;
height: /*here goes fixed height in px*/
overflow: hidden;
他们使用的图像在顶部和底部(在该容器内)包含黑色区域,但他们使用 css 来隐藏它。
这意味着元素(在带有 att display:inline-block 的 youtube span 上)将小于实际图片,并且图片将像这样居中/定位,因此顶部和底部黑色区域将溢出较小的包装并被隐藏。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)