openlayers 필터를 적용하고 지도를 이미지로 저장할 때 변경하지 않고 그대로 둡니다.

Question

다양한 폴리라인이 포함된 오픈레이어 맵을 만들었습니다. 저는 기본 openstreetmap 레이어를 사용하고 있지만 폴리라인을 돋보이게 하기 위해 레이어를 어둡게 하고 싶습니다. 나는 다음과 같이 이것을 할 수 있다는 것을 발견했습니다:

으아악

하지만 사용자가 이 지도를 PNG 형식으로 다운로드할 수도 있기를 바랍니다. 이를 위해 버튼을 클릭하면 실행되는 다음 코드를 사용합니다.

으아악

안타깝게도 캔버스 크기를 조정하기 위해 수정한 내용은 유지되지 않습니다.

누가 좀 도와줄 수 있나요? 읽어 주셔서 감사합니다.

Answer 1

요소에 스타일 필터를 설정해도 toBlob() 或 toDataURL()의 출력에는 영향을 미치지 않습니다. 브라우저가 캔버스를 렌더링하는 방식이 아닌 캔버스 컨텍스트를 변경하려면 globalCompositeOperation이 필요합니다(사용 중인 코드로 판단하면 OpenLayers 5를 사용하고 있다고 가정합니다).

으아악