堆叠两个图像并在javascript中将它们合并为一个

时间:2011-08-04 19:46:39

标签: javascript image-manipulation

我对此做了一些研究,但没有找到任何解决方案,所以我不确定它是否可行,但这是我的问题:

我正在使用HTML API开发一个仅使用HTML / CSS + Javascript的网站,我需要将两个图像合并为一个,以将其用作Google Maps API的图标。我不能在服务器上这样做,因为它取决于客户端,我需要在最后提供一个图像。 我见过一些东西,比如pixastic,但它在IE中不受支持,不幸的是有些人仍然使用它:p ...

你知道其他方法吗?

提前致谢!

编辑:实际上,您只需在API中使用Google的叠加工具即可。我只是将一个Marker放在另一个上面,并使用MarkerImage类调整大小和位置。

1 个答案:

答案 0 :(得分:1)

你可以把一个放在另一个上面并改变顶层的不透明度:http://jsfiddle.net/cAWJs/

使用像示例网站这样的混合模式,你需要画布支持。