文件名称:ResponseIm.js:使用 Seam Carving 响应式调整图像大小
文件大小:4.33MB
文件格式:ZIP
更新时间:2024-08-10 09:39:32
Python
ResponseIm.js 灵感 前端 Web 开发已经取得了长足的进步。 今天的网页包含许多实用程序和框架,以使其元素能够响应屏幕尺寸。 但是,网页上的图像没有太多的实用程序可以根据屏幕大小调整其内容。 这就是我们制作 ResponsIm.js 的原因 前: 后: 这个怎么运作 我们使用 Shai Avidan 等人描述的 Seam Carving。 在他们的论文 Seam Carving for Content-Aware Image Resizing [ ] 我们在 Bitcamp 2015 上通过使用 FINRA 数据创建一个虚假的 Investor Profiler 页面,并将伦敦天际线的响应图像作为横幅放在页面顶部来演示此 Web 功能。 在这里查看它在浏览器中工作的视频,其中包含两个不同的图像:
【文件预览】:
ResponseIm.js-master
----kungfubeach.jpg(90KB)
----london_big.jpg(147KB)
----lake.jpg(338KB)
----sachin.jpg(81KB)
----seam_carving.py(6KB)
----skyline.jpg(506KB)
----data,js(575KB)
----londonskyline.jpg(57KB)
----gondola.jpg(129KB)
----polarbear.jpg(93KB)
----demo()
--------sachin_reduce.png(2.44MB)
--------sachin_distort.jpg(75KB)
----README.md(1KB)
----data.js(2.32MB)
----penguins.jpg(89KB)