Examples/MovingGradient.PSSVG.ps1
|
#requires -Module PSSVG svg -Content @( svg.defs @( svg.LinearGradient -Id myGradient -Content @( svg.stop -Offset '10%' -Stopcolor transparent svg.stop -Offset '95%' -Stopcolor '#4488ff' svg.animate -AttributeName y1 -From 0 -To 1 -Id animateY1 -Fill freeze -Dur '3s' svg.animate -AttributeName y2 -Dur "3s" -From 1 -to 0 -Id 'animateY2' -Fill freeze -Begin 'animateY1.end' svg.animate -AttributeName x1 -Values '1;0' -Dur '3s' -Begin 'animateY2.end' -Fill freeze -Id animateX1 svg.animate -AttributeName x2 -Values '0;1' -Dur '3s' -Begin 'animateX1.end' -Fill freeze ) -X1 100% -X2 0 -Y1 0% -Y2 100% ) svg.rect -Fill 'url(#myGradient)' -Width 100 -Height 100 ) -viewbox 0,0,100,100 -OutputPath (Join-Path $PSScriptRoot MovingGradient.svg) |