2012-07-24 2 views
1

HighCharts의 차트 내용으로 Photoshop의 레이어 블렌드 모드를 모방하는 방법이 있습니까? 예를 들어, 두 개의 영역 타입 시리즈가 겹쳐져 있고, 내가 사용하는 색상 (rgba로)에서 불투명도를 설정하는 대신 겹치는 영역을 곱하거나 선형으로 구워 놓는 것이 좋습니다. 첨부 된 이미지보기. 이것의 또 다른 이점은 색칠 된 영역 아래의 격자 선이 훨씬 더 정의된다는 것입니다. enter image description here겹치는 차트 계열의 혼합 모드?

답변

1

[편집 됨] 최신 브라우저는 블렌딩 모드를 일부 지원하므로 가능할 수 있습니다.


현재 오페라가 필터를 통해 SVG 혼합 모드를 지원하는 유일한 브라우저, http://www.w3.org/TR/SVG/filters.html#feBlendElement

또 다른 사양은 SVG 합성이다 : http://www.w3.org/TR/2009/WD-SVGCompositing-20090430/#containerElementCompositingOperators 그러나 SVG 합성 아직 모든 브라우저에서 지원되지 않습니다.

VML이 블렌딩 모드를 지원하지 않는다고 생각합니다. 운이 좋지 않을 것 같습니다.

+0

svg 필터를 지원하는 모든 svg 가능 브라우저는 feBlend도 지원합니다. http://dev.w3.org/SVG/profiles/1.1F2/test/harness/htmlObjectApproved/filters-blend- 01-b.html. –

+0

흠, 필터 블렌드의 w3 예제는 FF 나 Chrome에서는 작동하지 않으므로 지원되지 않는다고 생각했습니다 (http://www.w3.org/TR/SVG/images/filters/feBlend.svg). 나는이 대답을 수정해야 할 것이다. – Duopixel

+0

이 예제에서 볼 수있는 것은 'BackgroundImage'입력이 제대로 지원되지 않는다는 것입니다. –

관련 문제