0

SVGでのフィルター効果の使い方について SVGでのフィルター効果の使い方について
SVGで線を描画し、それにフィルターをかけたいのですが、

■フィルターの内容を書いたソース

<filter id="DropShadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur" />
<feOffset in="blur" dx="10" dy="-3" result="offsetBlur" />
<feSpecularLighting in="blur" surfaceScale="5" specularConstant="0.5" specularExponent="20" lighting-color="#bbbbbb" result="specOut">
<fePointLight x="-5000" y="-10000" z="20000" />
</feSpecularLighting>
<feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut" />
<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="1" k2="1" k3="1" k4="0.1" result="litPaint" />
<feMerge>
<feMergeNode in="offsetBlur" />
<feMergeNode in="litPaint" />
</feMerge>
</filter>

<filter id="light">
<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur" />
<feSpecularLighting in="blur" surfaceScale="5" specularConstant="0.3" specularExponent="15" lighting-color="#bbbbbb" result="specOut">
<fePointLight x="-5000" y="-10000" z="20000" />
</feSpecularLighting>
<feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut" />
<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="2" k3="1" k4="0.1" result="litPaint" />
<feMerge>
<feMergeNode in="SourceGraphic" />
<feMergeNode in="litPaint" />
</feMerge>
</filter>



■線を描画するソース


<path d="M90,80 l640,0" stroke-linecap="round" stroke-opacity="0.3" filter="url(#フィルタ名)"/>





としても、

この直線にフィルター効果がかかりません。

普通の何の変哲もない直線が描画されるだけです。

なぜでしょうか？
pathにはフィルターが使えないのですか？

もしその場合は、他にどんな手段があるでしょうか？
(かっこいい直線が引きたいんです)


初心者です。

どうかお分かりになる方がいらっしゃいましたらお教えください。

宜しくお願いします。
.

質問者が選んだベストソリューション

Yahoo!知恵袋 5636日前