【问题标题】:Stack two images and merge them into a single one in javascript在javascript中堆叠两张图像并将它们合并为一张
【发布时间】:2011-10-20 07:57:33
【问题描述】:

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

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

你知道其他方法吗?

提前致谢!

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

【问题讨论】:

  • 你支持IE8吗?如果没有,我想使用画布将是一个很好的解决方案。

标签: javascript image-manipulation


【解决方案1】:

您可以将一个放在另一个上并更改顶部的不透明度:http://jsfiddle.net/cAWJs/

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

【讨论】:

  • 我不确定这是否可行,因为谷歌地图 API 似乎真的想要一个图像作为光标,但我还是会尝试
  • API的overlay工具呢?
  • 其实就是这样!只需将两个标记放在其他标记上,并使用 MarkerImage 类进行调整。谢谢!
猜你喜欢
  • 1970-01-01
  • 2021-08-18
  • 2013-07-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-04
相关资源
最近更新 更多