SVG에 불투명 적용

불투명도 및 획 처리 불투명도 속성이 있지만 투명도가 모두 겹치므로 내 획의 불투명도가 더 중요합니다. 이 중복을 어떻게 삭제합니까 (다른 불투명도로)?SVG에 불투명 적용

mysvg 
.attr('fill', 'rgba(150, 150, 150, 0.3)') 
.attr('stroke-width', '30px') 
.attr('stroke', 'rgba(150, 150, 150, 0.6)');

내가하지 (10) 명성을 가지고 ... 내가 원하는 생각 일을 할 수있는 몇 가지 방법이 있습니다 See the result here

스크린 샷 또는 샘플 코드로 질문을 다시 작성하십시오. 질문의 대상이 명확하지 않으므로 사용자가 downvoted 이유입니다. –

귀하의 조언에 감사드립니다. – user2003373

그건 반 이야기입니다. 당신은 그것이 다른 절반 인 것처럼 보이길 원합니다. –

. 가장 쉬운 방법은 두 가지 모양을 그리는 것입니다. 단색 모양을 획 너비만큼 축소 한 다음 획이 맨 위에 올린 채 0을 채 웁니다.

그러나 두 가지 모두에 대해 동일한 색상을 사용하고 있으므로 필터를 사용하여 원하는 것을 쉽게 얻을 수 있습니다.

<filter id="opacityceiling"> 
    <feComponentTransfer> 
    <feFuncA type="discrete" tableValues="0.3 0.6"/> 
    </feComponentTransfer> 
</filter>

이것은 0과 0.5 사이의 불투명도를 0.3으로, 0.5와 1.0과 0.6 사이의 불투명도를 클램프합니다. 다른 색상에 대한보다 일반적인 방법은 feFlood 및 feComposite를 사용하는 것입니다.

2013-06-18 15:50:13

답변