我们可以使用JavaScript将多张图片合并为一张吗?
时间:2020-03-06 14:59:16 来源:igfitidea点击:
我想知道是否有一种方法可以仅使用JavaScript将多个图像组合为一个图像。这是Canvas能够做到的吗?效果可以通过放置来完成,但是我们可以将它们组合成一个图像进行下载吗?
2008年10月1日更新:
感谢建议,我正在使用jQuery帮助某人在仅js / css的网站上工作,他们希望具有一些MacOS Dock般的图像效果,并且这些图像可以相互叠加。我们想出的解决方案只是绝对定位,并在相对定位的父" <div>"上使用效果。组合图像并在该单个图像上产生效果会容易得多。
然后,我开始考虑像Picnik这样的在线图像编辑器,并想知道是否存在一个基于浏览器的图像编辑器,它具有仅用javascript编写的photoshop功能。我想这是不可能的,也许将来呢?
解决方案
我不认为我们可以或者不希望使用客户端javascript("将它们合并为单个图像进行下载")来完成此操作,因为它在客户端上运行:即使我们可以将它们合并为单个图像文件,客户端,此时我们已经下载了所有单个图像,因此合并是没有意义的。
如果它们是一对JPG,则在控制下,两个方向上的大小可能是8的倍数。不需要重新编码,只需重新排列像素块即可。
嗯,问题是我们不能从JavaScript中"下载",这实际上没有多大意义,因为JavaScript在客户端上运行,并且只有从服务器上下载才有意义。我们能告诉我们我们要达到的目标吗?我们也许可以提出更好的建议。
我们可以为此使用Pixastic。混合示例在这里:
http://www.pixastic.com/lib/docs/actions/blend/