2011-08-04 10 views
0

私はこれについていくつかの調査をしましたが、解決策が見つかっていないので、それも可能ですが、私の問題です:2つの画像をスタックし、それらをJavaScriptの単一の画像にマージする

REST APIを使用してHTML/CSS + JavaScriptのみを使用してウェブサイトを開発しています.GoogleマップAPIのアイコンとして使用するには、2つの画像を1つにマージする必要があります。私はサーバー上でそれを行うことはできません。なぜなら、それはクライアントに依存しており、最後にイメージを提供する必要があるからです。 pixasticのようなものをいくつか見ましたが、IEではサポートされていません。残念なことに、一部の人々はまだそれを使用しています:...

他の方法を知っていますか?

ありがとうございます!

編集:実際には、APIでGoogleのオーバーレイツールを使用するだけです。 MarkerImageクラスを使用して、マーカーをもう一方の上に置き、サイズと位置を調整しました。

+0

IE8-をサポートしていますか?そうでない場合、キャンバスを使用することは私が推測する素晴らしい解決策になります。 – pimvdb

答えて

1

あなたはただ、他の上で1を入れて、一番上の不透明度を変更することができます:http://jsfiddle.net/cAWJs/

あなたががキャンバスのサポートを必要とするあなたの例のサイトのようなブレンドモードを使用します。

+0

GoogleマップAPIは実際には1つの画像をカーソルとして欲しいと思われるので、これはうまくいかないのですが、とにかく試してみます – axelcdv

+0

APIのオーバーレイツールはどうですか? –

+0

実際、それだけでした! 2つのマーカーを他のマーカーの上に置くだけで、MarkerImageクラスで調整する必要があります。ありがとう! – axelcdv

関連する問題