Firefox에서의 SVG 이미지 마스킹

최근에 나는 육각형 SVG를 만들고 파이어 폭스 용 이미지 마스킹을 구현할 계획입니다. 현재는 단지 내가 이미 mask: url를 사용하려고 크롬Firefox에서의 SVG 이미지 마스킹

작동하지만 작동하지 않는 것 같다.

를 해결 찾을 이에 대한 솔루션, 파이어 폭스, 크롬, 사파리, 오페라와 IE9에서의 작업. SVG에서 img를 정의해야합니다. 샘플 코드는 파이어 폭스는 다른 방법으로 수행 할 작업을 지원

2012-10-02 brokeneye

아래에이 바이올린에 있습니다. SVG masks with html images을 사용하면 다른 구문으로 동일한 효과를 얻을 수 있습니다.

2012-10-03 06:23:44

나는 모든 브라우저에서 작동하도록 모든 것을 변경해야 할 것입니다. – brokeneye

나는 어디에서나 사용할 수있는 단일 솔루션이 있는지 확신하지 못합니다. 당신은 웹킷과 도마뱀을 위해 한 가지를합니다. 어떤 점에서 하나의 솔루션이 등장 할 것이라고 상상합니다.하지만 어느 것이 승자가 될지 확신하지 못합니다. –

파이어 폭스, 크롬, 사파리, 오페라 및 IE9에서 작동하는이 솔루션을 찾았습니다. SVG에서 img를 정의해야합니다. 샘플 코드는 아래의이 피들에 있습니다. http://jsfiddle.net/brokeneye/ygsKm/ – brokeneye

답변