堆栈两个图像，并将它们合并成一个单一的JavaScript

我已经做了一些研究，但没有找到任何解决方案，所以我不知道它甚至可能，但这里是我的问题：堆栈两个图像，并将它们合并成一个单一的JavaScript

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

你知道其他的方法吗？

在此先感谢！

编辑：实际上，你只需要在API中使用Google的覆盖工具。我只是把一个标记放在另一个的上面，然后用MarkerImage类调整大小和位置。

来源

2011-08-04 axelcdv

你是否支持IE8-？如果没有，使用画布将是我想的一个很好的解决方案。 – pimvdb

你可以只是把一个比其他和更改顶部一个的不透明度：http://jsfiddle.net/cAWJs/

使用混合模式，喜欢你的示例站点，你需要的画布支持，虽然。

来源

2011-08-04 19:57:06

我不确定这会起作用，因为google maps API似乎真的想要一个图像作为光标，但我仍会尝试 – axelcdv

API的覆盖工具如何？ –

其实，就是这样！只需将两个标记放在其他标记之上，然后使用MarkerImage类进行调整。谢谢！ – axelcdv

堆栈两个图像，并将它们合并成一个单一的JavaScript

回答

相关问题