obs-powershell.PSSVG.ps1
|
#requires -Module PSSVG $powerShellChevron = Invoke-RestMethod https://pssvg.start-automating.com/Examples/PowerShellChevron.svg $assetsPath = Join-Path $PSScriptRoot Assets if (-not (Test-Path $assetsPath)) { $null = New-Item -ItemType Directory -Path $assetsPath } svg @( svg.symbol -ViewBox $powerShellChevron.svg.viewBox -Content $powerShellChevron.svg.symbol.InnerXml -Id psChevron svg.symbol -ViewBox 500, 250 -Content @( svg.circle -Cx 50% -Cy 50% -R 10% -Fill '#4488ff' svg.circle -Cx 50% -Cy 50% -R 9.5% -Fill 'white' svg.circle -Cx 50% -Cy 50% -R 9% -Fill '#4488ff' svg.use -Href '#psChevron' -Fill 'black' -Height 20% -Y 40% -X 0% -Transform "rotate(30)" ) -Id 'combinedLogo' SVG.mask -Id "psChevronMask" -Content @( SVG.rect -X 400 -Y 400 -Height 200 -Width 200 -Fill white SVG.circle -Cx 500 -Cy 500 -R 90 -Fill black svg.use -Href '#psChevron' -Fill 'white' -Height 75 -Y 42.5% -X 0 -Transform "rotate(0, 500, 500)" svg.use -Href '#psChevron' -Fill 'white' -Height 75 -Y 42.5% -X 0 -Transform "rotate(120, 500, 500)" svg.use -Href '#psChevron' -Fill 'white' -Height 75 -Y 42.5% -X 0 -Transform "rotate(240, 500, 500)" ) SVG.circle -Fill '#4488ff' -Cx 500 -Cy 500 -R 100 -Mask 'url(#psChevronMask)' @( svg.animatetransform -AttributeName transform -From "0 500 500" -To "360 500 500" -dur "5s" -RepeatCount indefinite -AttributeType xml -type rotate ) svg.text -Content "obs-powershell" -Fill '#4488ff' -TextAnchor 'middle' -X 50% -y 65% -FontSize 72 -AlignmentBaseline 'middle' -FontFamily 'sans-serif' ) -ViewBox 1000,1000 -OutputPath (Join-Path $assetsPath obs-powershell.svg) foreach ($variant in 'icon','animated-icon','text-and-animated-icon','text-and-icon') { svg @( svg.symbol -ViewBox $powerShellChevron.svg.viewBox -Content $powerShellChevron.svg.symbol.InnerXml -Id psChevron SVG.mask -Id "psChevronMask" -Content @( SVG.rect -X 150 -Y 150 -Height 200 -Width 200 -Fill white SVG.circle -Cx 250 -Cy 250 -R 90 -Fill black svg.use -Href '#psChevron' -Fill 'white' -Height 75 -Y 35% -X 0 -Transform "rotate(0, 250, 250)" svg.use -Href '#psChevron' -Fill 'white' -Height 75 -Y 35% -X 0 -Transform "rotate(120, 250, 250)" svg.use -Href '#psChevron' -Fill 'white' -Height 75 -Y 35% -X 0 -Transform "rotate(240, 250, 250)" ) SVG.circle -Fill '#4488ff' -Cx 250 -Cy 250 -R 100 -Mask 'url(#psChevronMask)' @( if ($variant -like '*animated*') { svg.animatetransform -AttributeName transform -From "0 250 250" -To "360 250 250" -dur "5s" -RepeatCount indefinite -AttributeType xml -type rotate } ) if ($variant -like '*text*') { svg.text -Content "obs-powershell" -Fill '#4488ff' -TextAnchor 'middle' -X 50% -y 75% -FontSize 1.75em -AlignmentBaseline 'middle' -FontFamily 'sans-serif' } ) -ViewBox 500,500 -OutputPath (Join-Path $assetsPath "obs-powershell-$variant.svg") } |