openlayers フィルターを適用し、マップを画像として保存するときに変更しないままにします。

Question

さまざまなポリラインを含むオープンレイヤー マップを作成しました。デフォルトの openstreetmap レイヤーを使用していますが、ポリラインを目立たせるために暗くしたいと考えています。次のようにしてこれを実行できることがわかりました:

リーリー

ただし、ユーザーがこのマップを PNG 形式でダウンロードできるようにしたいと考えています。これを行うには、ボタンのクリックによってトリガーされる次のコードを使用します。 リーリー

残念ながら、これではキャンバスのサイズを変更するために行った変更は保存されません。

誰か助けてくれませんか?読んでくれてありがとう。

Answer 1

要素にスタイル フィルターを設定しても、toBlob() または toDataURL() の出力には影響しません。ブラウザがキャンバスをレンダリングする方法ではなく、キャンバス コンテキストを変更したい場合は、globalCompositeOperation が必要になります (使用しているコードから判断すると、OpenLayers 5 を使用していると思われます):

リーリー