リーフレットImageOverlayのピクセル透明度？

Question

私は、このレーダー画像から無関係な（低Dbz）色を除外しようとしています。

 L.imageOverlay("http://radar.weather.gov/ridge/Conus/RadarImg/latest_radaronly.gif?t" + Date.now(), [ 
       [50.406626367301044, -127.620375523875420], [21.65253806280344, -66.517937876818] 
      ]).addTo(map); 

それは、リーフレットのラスタimageOverlaysに透明ように、1つまたは色の範囲を設定することは可能ですか？

Answer 1

何を求めていることは本当にです：「そのまま」

私のWebブラウザは、画像をロードし、それを表示しています。イメージをロードし、すべてのピクセルにフィルタ関数を適用し、その結果を表示するにはどうすればよいですか？

リーフレットには、このような機能は含まれていません。 JSの世界で

、これを実現するには2つの方法があります：WebGL shaders for image manipulation

、より複雑ですが、めちゃくちゃ速いを使用して

• Pixel manipulation with 2D <canvas>

• は、これらをラップすることが可能ですリーフレットプラグインの技術例えば、TileLayerのピクセルカラーを条件付きで操作することを可能にするL.TileLayer.GLを参照するか、より簡単な2D <canvas> APIを使用するより簡単なL.TileLayer.PixelFilterおよびL.TileLayer.Grayscaleを参照してください。

  L.TileLayerの代わりにL.ImageOverlayに類似の効果を達成するためにLeaflet pluginを作成することは可能ですが、私が知っている限り、まだ誰もそれを行っていません。最初にL.ImageOverlayのプラグインチュートリアルとリーフレットのソースコードを読むことをお勧めします。