私はこのCODEPENを持っていますが、ここに私の問題があります:
マスクの塗りつぶしとして適用して参照したグラデーションが、本来のようにレンダリングされない理由がわかりません。完全に不透明から完全に透明になるはずです。私が使用しているグラデーションの場合: http://angrytools.com/gradient/?0_800080,100_450045&0_0,100_100&l_180 :
<mask id="myMask" x="0" y="0" width="100%" height="100%">
<rect x="0" y="0" width="100%" height="100%" fill="url(#grad1)" />
</mask>
さらに、次のように use 要素から fill="blue" 属性を削除すると、その理由がわかりません。
<use xlink:href="#myText" mask="url(#myMask)" />
テキストは、グラデーションが適用されていないかのように黒く表示されます。私が定義したグラデーションは紫です..
ありがとう！