├── .gitattributes ├── .gitignore ├── BlazorSvgHelper.sln ├── BlazorSvgHelper ├── BlazorSvgHelper.csproj ├── Classes │ ├── Interfaces │ │ ├── IBaseElement.cs │ │ └── IEventBase.cs │ ├── MyClasses.cs │ ├── SubClasses │ │ ├── animate.cs │ │ ├── animateTransform.cs │ │ ├── circle.cs │ │ ├── defs.cs │ │ ├── ellipse.cs │ │ ├── g.cs │ │ ├── image.cs │ │ ├── line.cs │ │ ├── linearGradient.cs │ │ ├── path.cs │ │ ├── polygon.cs │ │ ├── polyline.cs │ │ ├── radialGradient.cs │ │ ├── rect.cs │ │ ├── stop.cs │ │ ├── strokeBase.cs │ │ ├── svg.cs │ │ └── text.cs │ └── svgEnums.cs └── SvgHelper.cs ├── README.md └── Untitled.png /.gitattributes: -------------------------------------------------------------------------------- 1 | ############################################################################### 2 | # Set default behavior to automatically normalize line endings. 3 | ############################################################################### 4 | * text=auto 5 | 6 | ############################################################################### 7 | # Set default behavior for command prompt diff. 8 | # 9 | # This is need for earlier builds of msysgit that does not have it on by 10 | # default for csharp files. 11 | # Note: This is only used by command line 12 | ############################################################################### 13 | #*.cs diff=csharp 14 | 15 | ############################################################################### 16 | # Set the merge driver for project and solution files 17 | # 18 | # Merging from the command prompt will add diff markers to the files if there 19 | # are conflicts (Merging from VS is not affected by the settings below, in VS 20 | # the diff markers are never inserted). Diff markers may cause the following 21 | # file extensions to fail to load in VS. An alternative would be to treat 22 | # these files as binary and thus will always conflict and require user 23 | # intervention with every merge. To do so, just uncomment the entries below 24 | ############################################################################### 25 | #*.sln merge=binary 26 | #*.csproj merge=binary 27 | #*.vbproj merge=binary 28 | #*.vcxproj merge=binary 29 | #*.vcproj merge=binary 30 | #*.dbproj merge=binary 31 | #*.fsproj merge=binary 32 | #*.lsproj merge=binary 33 | #*.wixproj merge=binary 34 | #*.modelproj merge=binary 35 | #*.sqlproj merge=binary 36 | #*.wwaproj merge=binary 37 | 38 | ############################################################################### 39 | # behavior for image files 40 | # 41 | # image files are treated as binary by default. 42 | ############################################################################### 43 | #*.jpg binary 44 | #*.png binary 45 | #*.gif binary 46 | 47 | ############################################################################### 48 | # diff behavior for common document formats 49 | # 50 | # Convert binary document formats to text before diffing them. This feature 51 | # is only available from the command line. Turn it on by uncommenting the 52 | # entries below. 53 | ############################################################################### 54 | #*.doc diff=astextplain 55 | #*.DOC diff=astextplain 56 | #*.docx diff=astextplain 57 | #*.DOCX diff=astextplain 58 | #*.dot diff=astextplain 59 | #*.DOT diff=astextplain 60 | #*.pdf diff=astextplain 61 | #*.PDF diff=astextplain 62 | #*.rtf diff=astextplain 63 | #*.RTF diff=astextplain 64 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | 4 | # User-specific files 5 | *.suo 6 | *.user 7 | *.userosscache 8 | *.sln.docstates 9 | 10 | # User-specific files (MonoDevelop/Xamarin Studio) 11 | *.userprefs 12 | 13 | # Build results 14 | [Dd]ebug/ 15 | [Dd]ebugPublic/ 16 | [Rr]elease/ 17 | [Rr]eleases/ 18 | x64/ 19 | x86/ 20 | bld/ 21 | [Bb]in/ 22 | [Oo]bj/ 23 | [Ll]og/ 24 | 25 | # Visual Studio 2015 cache/options directory 26 | .vs/ 27 | # Uncomment if you have tasks that create the project's static files in wwwroot 28 | #wwwroot/ 29 | 30 | # MSTest test Results 31 | [Tt]est[Rr]esult*/ 32 | [Bb]uild[Ll]og.* 33 | 34 | # NUNIT 35 | *.VisualState.xml 36 | TestResult.xml 37 | 38 | # Build Results of an ATL Project 39 | [Dd]ebugPS/ 40 | [Rr]eleasePS/ 41 | dlldata.c 42 | 43 | # DNX 44 | project.lock.json 45 | project.fragment.lock.json 46 | artifacts/ 47 | 48 | *_i.c 49 | *_p.c 50 | *_i.h 51 | *.ilk 52 | *.meta 53 | *.obj 54 | *.pch 55 | *.pdb 56 | *.pgc 57 | *.pgd 58 | *.rsp 59 | *.sbr 60 | *.tlb 61 | *.tli 62 | *.tlh 63 | *.tmp 64 | *.tmp_proj 65 | *.log 66 | *.vspscc 67 | *.vssscc 68 | .builds 69 | *.pidb 70 | *.svclog 71 | *.scc 72 | 73 | # Chutzpah Test files 74 | _Chutzpah* 75 | 76 | # Visual C++ cache files 77 | ipch/ 78 | *.aps 79 | *.ncb 80 | *.opendb 81 | *.opensdf 82 | *.sdf 83 | *.cachefile 84 | *.VC.db 85 | *.VC.VC.opendb 86 | 87 | # Visual Studio profiler 88 | *.psess 89 | *.vsp 90 | *.vspx 91 | *.sap 92 | 93 | # TFS 2012 Local Workspace 94 | $tf/ 95 | 96 | # Guidance Automation Toolkit 97 | *.gpState 98 | 99 | # ReSharper is a .NET coding add-in 100 | _ReSharper*/ 101 | *.[Rr]e[Ss]harper 102 | *.DotSettings.user 103 | 104 | # JustCode is a .NET coding add-in 105 | .JustCode 106 | 107 | # TeamCity is a build add-in 108 | _TeamCity* 109 | 110 | # DotCover is a Code Coverage Tool 111 | *.dotCover 112 | 113 | # NCrunch 114 | _NCrunch_* 115 | .*crunch*.local.xml 116 | nCrunchTemp_* 117 | 118 | # MightyMoose 119 | *.mm.* 120 | AutoTest.Net/ 121 | 122 | # Web workbench (sass) 123 | .sass-cache/ 124 | 125 | # Installshield output folder 126 | [Ee]xpress/ 127 | 128 | # DocProject is a documentation generator add-in 129 | DocProject/buildhelp/ 130 | DocProject/Help/*.HxT 131 | DocProject/Help/*.HxC 132 | DocProject/Help/*.hhc 133 | DocProject/Help/*.hhk 134 | DocProject/Help/*.hhp 135 | DocProject/Help/Html2 136 | DocProject/Help/html 137 | 138 | # Click-Once directory 139 | publish/ 140 | 141 | # Publish Web Output 142 | *.[Pp]ublish.xml 143 | *.azurePubxml 144 | # TODO: Comment the next line if you want to checkin your web deploy settings 145 | # but database connection strings (with potential passwords) will be unencrypted 146 | #*.pubxml 147 | *.publishproj 148 | 149 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 150 | # checkin your Azure Web App publish settings, but sensitive information contained 151 | # in these scripts will be unencrypted 152 | PublishScripts/ 153 | 154 | # NuGet Packages 155 | *.nupkg 156 | # The packages folder can be ignored because of Package Restore 157 | **/packages/* 158 | # except build/, which is used as an MSBuild target. 159 | !**/packages/build/ 160 | # Uncomment if necessary however generally it will be regenerated when needed 161 | #!**/packages/repositories.config 162 | # NuGet v3's project.json files produces more ignoreable files 163 | *.nuget.props 164 | *.nuget.targets 165 | 166 | # Microsoft Azure Build Output 167 | csx/ 168 | *.build.csdef 169 | 170 | # Microsoft Azure Emulator 171 | ecf/ 172 | rcf/ 173 | 174 | # Windows Store app package directories and files 175 | AppPackages/ 176 | BundleArtifacts/ 177 | Package.StoreAssociation.xml 178 | _pkginfo.txt 179 | 180 | # Visual Studio cache files 181 | # files ending in .cache can be ignored 182 | *.[Cc]ache 183 | # but keep track of directories ending in .cache 184 | !*.[Cc]ache/ 185 | 186 | # Others 187 | ClientBin/ 188 | ~$* 189 | *~ 190 | *.dbmdl 191 | *.dbproj.schemaview 192 | *.jfm 193 | *.pfx 194 | *.publishsettings 195 | node_modules/ 196 | orleans.codegen.cs 197 | 198 | # Since there are multiple workflows, uncomment next line to ignore bower_components 199 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 200 | #bower_components/ 201 | 202 | # RIA/Silverlight projects 203 | Generated_Code/ 204 | 205 | # Backup & report files from converting an old project file 206 | # to a newer Visual Studio version. Backup files are not needed, 207 | # because we have git ;-) 208 | _UpgradeReport_Files/ 209 | Backup*/ 210 | UpgradeLog*.XML 211 | UpgradeLog*.htm 212 | 213 | # SQL Server files 214 | *.mdf 215 | *.ldf 216 | 217 | # Business Intelligence projects 218 | *.rdl.data 219 | *.bim.layout 220 | *.bim_*.settings 221 | 222 | # Microsoft Fakes 223 | FakesAssemblies/ 224 | 225 | # GhostDoc plugin setting file 226 | *.GhostDoc.xml 227 | 228 | # Node.js Tools for Visual Studio 229 | .ntvs_analysis.dat 230 | 231 | # Visual Studio 6 build log 232 | *.plg 233 | 234 | # Visual Studio 6 workspace options file 235 | *.opt 236 | 237 | # Visual Studio LightSwitch build output 238 | **/*.HTMLClient/GeneratedArtifacts 239 | **/*.DesktopClient/GeneratedArtifacts 240 | **/*.DesktopClient/ModelManifest.xml 241 | **/*.Server/GeneratedArtifacts 242 | **/*.Server/ModelManifest.xml 243 | _Pvt_Extensions 244 | 245 | # Paket dependency manager 246 | .paket/paket.exe 247 | paket-files/ 248 | 249 | # FAKE - F# Make 250 | .fake/ 251 | 252 | # JetBrains Rider 253 | .idea/ 254 | *.sln.iml 255 | 256 | # CodeRush 257 | .cr/ 258 | 259 | # Python Tools for Visual Studio (PTVS) 260 | __pycache__/ 261 | *.pyc -------------------------------------------------------------------------------- /BlazorSvgHelper.sln: -------------------------------------------------------------------------------- 1 |  2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio 15 4 | VisualStudioVersion = 15.0.27703.2042 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorSvgHelper", "BlazorSvgHelper\BlazorSvgHelper.csproj", "{93031EDC-7435-49CC-847D-F18D67B2CEEB}" 7 | EndProject 8 | Global 9 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 10 | Debug|Any CPU = Debug|Any CPU 11 | Release|Any CPU = Release|Any CPU 12 | EndGlobalSection 13 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 14 | {93031EDC-7435-49CC-847D-F18D67B2CEEB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 15 | {93031EDC-7435-49CC-847D-F18D67B2CEEB}.Debug|Any CPU.Build.0 = Debug|Any CPU 16 | {93031EDC-7435-49CC-847D-F18D67B2CEEB}.Release|Any CPU.ActiveCfg = Release|Any CPU 17 | {93031EDC-7435-49CC-847D-F18D67B2CEEB}.Release|Any CPU.Build.0 = Release|Any CPU 18 | EndGlobalSection 19 | GlobalSection(SolutionProperties) = preSolution 20 | HideSolutionNode = FALSE 21 | EndGlobalSection 22 | GlobalSection(ExtensibilityGlobals) = postSolution 23 | SolutionGuid = {24352D0E-D467-4DB1-9BD1-7AA58D621669} 24 | EndGlobalSection 25 | EndGlobal 26 | -------------------------------------------------------------------------------- /BlazorSvgHelper/BlazorSvgHelper.csproj: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | net5.0 5 | 6 | Lupusa 7 | Lupusa 8 | This package contains svg classes for blazor. 9 | https://github.com/Lupusa87/BlazorSvgHelper 10 | Github 11 | https://lupblazordemos.z13.web.core.windows.net/PageClockSVG 12 | Blazor 13 | en 14 | 2.0.0.0 15 | 2.0.0.0 16 | 2.0.0 17 | false 18 | MIT 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/Interfaces/IBaseElement.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Text; 4 | 5 | namespace BlazorSvgHelper.Classes.Interfaces 6 | { 7 | public interface IBaseElement 8 | { 9 | string id { get; set; } 10 | bool CaptureRef { get; set; } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/Interfaces/IEventBase.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Text; 4 | 5 | namespace BlazorSvgHelper.Classes.Interfaces 6 | { 7 | public interface IEventBase 8 | { 9 | public BoolOptionsEnum onclick { get; set; } 10 | 11 | public BoolOptionsEnum StopPropagation { get; set; } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/MyClasses.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes 7 | { 8 | public class MyPoint 9 | { 10 | public double x { get; set; } 11 | public double y { get; set; } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/animate.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class animate 9 | { 10 | public string id { get; set; } = null; 11 | public string attributeName { get; set; } = null; 12 | public string attributeType { get; set; } = null; 13 | public double from { get; set; } = double.NaN; 14 | public double to { get; set; } = double.NaN; 15 | public double dur { get; set; } = double.NaN; 16 | public string repeatCount { get; set; } = null; 17 | public string fill { get; set; } = null; 18 | public string values { get; set; } = null; 19 | public string keyTimes { get; set; } = null; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/animateTransform.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class animateTransform 9 | { 10 | public string id { get; set; } = null; 11 | public string attributeName { get; set; } = null; 12 | public string attributeType { get; set; } = null; 13 | public string type { get; set; } = null; 14 | public double by { get; set; } = double.NaN; 15 | public double dur { get; set; } = double.NaN; 16 | public string repeatCount { get; set; } = null; 17 | public string values { get; set; } = null; 18 | public string keyTimes { get; set; } = null; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/circle.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class circle : strokeBase, IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | public double cx { get; set; } = double.NaN; 15 | public double cy { get; set; } = double.NaN; 16 | public double r { get; set; } = double.NaN; 17 | public string fill { get; set; } = null; 18 | public string transform { get; set; } = null; 19 | public ICollection Children { get; set; } = new List(); 20 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 21 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 22 | 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/defs.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class defs 9 | { 10 | public ICollection Children { get; set; } = new List(); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/ellipse.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class ellipse: IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | 15 | public double cx { get; set; } = double.NaN; 16 | public double cy { get; set; } = double.NaN; 17 | public double rx { get; set; } = double.NaN; 18 | public double ry { get; set; } = double.NaN; 19 | public string style { get; set; } = null; 20 | public string fill { get; set; } = null; 21 | 22 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 23 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 24 | 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/g.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class g:strokeBase, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public double font_size { get; set; } = double.NaN; 13 | public string font_family { get; set; } = null; 14 | public string text_anchor { get; set; } = null; 15 | 16 | public string fill { get; set; } = null; 17 | public string transform { get; set; } = null; 18 | public ICollection Children { get; set; } = new List(); 19 | 20 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 21 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 22 | 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/image.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class image : IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | 15 | public double x { get; set; } = double.NaN; 16 | public double y { get; set; } = double.NaN; 17 | public double width { get; set; } = double.NaN; 18 | public double height { get; set; } = double.NaN; 19 | public string href { get; set; } = null; 20 | public string transform { get; set; } = null; 21 | public double opacity { get; set; } = double.NaN; 22 | public ICollection Children { get; set; } = new List(); 23 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 24 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/line.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class line: strokeBase, IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | 15 | public double x1 { get; set; } = double.NaN; 16 | public double y1 { get; set; } = double.NaN; 17 | public double x2 { get; set; } = double.NaN; 18 | public double y2 { get; set; } = double.NaN; 19 | public string style { get; set; } = null; 20 | public string transform { get; set; } = null; 21 | public double opacity { get; set; } = double.NaN; 22 | public ICollection Children { get; set; } = new List(); 23 | 24 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 25 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/linearGradient.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Text; 4 | 5 | namespace BlazorSvgHelper.Classes.SubClasses 6 | { 7 | public class linearGradient 8 | { 9 | public string id { get; set; } = null; 10 | public string x1 { get; set; } = null; 11 | public string x2 { get; set; } = null; 12 | public string y1 { get; set; } = null; 13 | public string y2 { get; set; } = null; 14 | public ICollection Children { get; set; } = new List(); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/path.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class path: strokeBase, IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | 15 | public string d { get; set; } = null; 16 | 17 | public string fill { get; set; } = null; 18 | public string transform { get; set; } = null; 19 | 20 | public double opacity { get; set; } = double.NaN; 21 | 22 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 23 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 24 | 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/polygon.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class polygon : IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | public string points { get; set; } = null; 15 | public string style { get; set; } = null; 16 | 17 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 18 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/polyline.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class polyline : IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | 15 | public string points { get; set; } = null; 16 | public string style { get; set; } = null; 17 | 18 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 19 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/radialGradient.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class radialGradient 9 | { 10 | public string id { get; set; } = null; 11 | public string cx { get; set; } = null; 12 | public string cy { get; set; } = null; 13 | public string r { get; set; } = null; 14 | public string fx { get; set; } = null; 15 | public string fy { get; set; } = null; 16 | public string fr { get; set; } = null; 17 | 18 | public ICollection Children { get; set; } = new List(); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/rect.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class rect: strokeBase, IBaseElement, IEventBase 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | 15 | public double x { get; set; } = double.NaN; 16 | public double y { get; set; } = double.NaN; 17 | public double rx { get; set; } = double.NaN; 18 | public double ry { get; set; } = double.NaN; 19 | public double width { get; set; } = double.NaN; 20 | public double height { get; set; } = double.NaN; 21 | public string style { get; set; } = null; 22 | public string fill { get; set; } = null; 23 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 24 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 25 | 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/stop.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class stop 9 | { 10 | 11 | public string offset { get; set; } = null; 12 | public string stop_color { get; set; } = null; 13 | public string stop_opacity { get; set; } = null; 14 | 15 | public string style { get; set; } = null; 16 | 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/strokeBase.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class strokeBase 9 | { 10 | public string stroke { get; set; } = null; 11 | 12 | public double stroke_width { get; set; } = double.NaN; 13 | public strokeLinecap stroke_linecap { get; set; } = strokeLinecap.none; 14 | public string stroke_dasharray { get; set; } = null; 15 | 16 | 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/svg.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes.Interfaces; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorSvgHelper.Classes.SubClasses 8 | { 9 | public class svg : IBaseElement 10 | { 11 | public string id { get; set; } = null; 12 | public bool CaptureRef { get; set; } = false; 13 | 14 | public double width { get; set; } = double.NaN; 15 | public double height { get; set; } = double.NaN; 16 | public string xmlns { get; set; } = null; 17 | public ICollection Children { get; set; } = new List(); 18 | public string style { get; set; } = null; 19 | 20 | public string transform { get; set; } = null; 21 | 22 | public string viewBox { get; set; } = null; 23 | public string preserveAspectRatio { get; set; } = null; 24 | 25 | public BoolOptionsEnum onclick { get; set; } = BoolOptionsEnum.none; 26 | public BoolOptionsEnum StopPropagation { get; set; } = BoolOptionsEnum.none; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/SubClasses/text.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes.SubClasses 7 | { 8 | public class text 9 | { 10 | public string id { get; set; } = null; 11 | public double x { get; set; } = double.NaN; 12 | public double y { get; set; } = double.NaN; 13 | 14 | public string fill { get; set; } = null; 15 | 16 | 17 | public double font_size { get; set; } = double.NaN; 18 | public string font_weight { get; set; } = null; 19 | 20 | public string text_anchor { get; set; } = null; 21 | public string dominant_baseline { get; set; } = null; 22 | public double opacity { get; set; } = double.NaN; 23 | 24 | 25 | public string transform_origin { get; set; } = null; 26 | public string transform { get; set; } = null; 27 | public ICollection Children { get; set; } = new List(); 28 | 29 | 30 | //should be on last position because renderer addcontent should happend after attributes set - lupusa 7/26/2018 31 | public string content { get; set; } = null; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /BlazorSvgHelper/Classes/svgEnums.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Threading.Tasks; 5 | 6 | namespace BlazorSvgHelper.Classes 7 | { 8 | public enum BoolOptionsEnum 9 | { 10 | none, 11 | Yes, 12 | No, 13 | 14 | } 15 | 16 | public enum strokeLinecap 17 | { 18 | none, 19 | butt, 20 | round, 21 | square, 22 | 23 | } 24 | 25 | } 26 | -------------------------------------------------------------------------------- /BlazorSvgHelper/SvgHelper.cs: -------------------------------------------------------------------------------- 1 | using BlazorSvgHelper.Classes; 2 | using Microsoft.AspNetCore.Components; 3 | using Microsoft.AspNetCore.Components.Rendering; 4 | using Microsoft.AspNetCore.Components.Web; 5 | using System; 6 | using System.Collections.Generic; 7 | using System.Linq; 8 | using System.Reflection; 9 | 10 | namespace BlazorSvgHelper 11 | { 12 | public class SvgHelper 13 | { 14 | public Action ActionClicked; 15 | 16 | public Dictionary Elementreferences_Dictionary = new Dictionary(); 17 | 18 | 19 | public void Reset_Dictionary() 20 | { 21 | Elementreferences_Dictionary = new Dictionary(); 22 | } 23 | 24 | 25 | public Dictionary Get_Dictionary() 26 | { 27 | return Elementreferences_Dictionary; 28 | } 29 | 30 | public void Cmd_Render(T _Item, int k, RenderTreeBuilder builder, int Par_ID = 0) 31 | { 32 | builder.OpenRegion(k++); 33 | 34 | bool CaptureRef = false; 35 | string _value_id = string.Empty; 36 | 37 | if (_Item.GetType().GetProperties().Any(x => x.Name == "CaptureRef")) 38 | { 39 | 40 | PropertyInfo pi_captureref = _Item.GetType().GetProperty("CaptureRef"); 41 | if ((bool)pi_captureref.GetValue(_Item, null)) 42 | { 43 | if (_Item.GetType().GetProperties().Any(x => x.Name == "id")) 44 | { 45 | PropertyInfo pi_id = _Item.GetType().GetProperty("id"); 46 | _value_id = pi_id.GetValue(_Item, null).ToString(); 47 | 48 | CaptureRef = _value_id != null && !string.IsNullOrEmpty(_value_id.ToString()); 49 | } 50 | 51 | } 52 | } 53 | 54 | 55 | 56 | object _value; 57 | string _attrName = string.Empty; 58 | 59 | bool IsAllowed = true; 60 | 61 | 62 | builder.OpenElement(k++, _Item.GetType().Name); 63 | 64 | 65 | 66 | foreach (PropertyInfo pi in _Item.GetType().GetProperties().Where(x => !x.PropertyType.Name.Contains("ICollection") && !x.PropertyType.Name.Contains("CaptureRef"))) 67 | { 68 | //list can't filter captureref?????? 69 | if (pi.Name != "CaptureRef") 70 | { 71 | 72 | IsAllowed = true; 73 | 74 | _value = pi.GetValue(_Item, null); 75 | 76 | if (pi.PropertyType == typeof(double)) 77 | { 78 | if (double.IsNaN((double)_value)) 79 | { 80 | IsAllowed = false; 81 | 82 | } 83 | else 84 | { 85 | _value = Math.Round((double)_value, 2); 86 | } 87 | } 88 | 89 | if (IsAllowed) 90 | { 91 | IsAllowed = _value != null && !string.IsNullOrEmpty(_value.ToString()); 92 | } 93 | 94 | 95 | if (IsAllowed) 96 | { 97 | if (pi.Name == "stroke_linecap") 98 | { 99 | IsAllowed = (strokeLinecap)_value != strokeLinecap.none; 100 | } 101 | } 102 | 103 | 104 | if (IsAllowed) 105 | { 106 | _attrName = pi.Name; 107 | 108 | if (_attrName.Equals("onclick")) 109 | { 110 | if ((BoolOptionsEnum)_value == BoolOptionsEnum.Yes) 111 | { 112 | builder.AddAttribute(1, _attrName, EventCallback.Factory.Create(this, e => Cmd_Clicked(e, Par_ID))); 113 | } 114 | } 115 | else if(_attrName.ToLower().Equals("stoppropagation")) 116 | { 117 | if ((BoolOptionsEnum)_value == BoolOptionsEnum.Yes) 118 | { 119 | builder.AddEventStopPropagationAttribute(2, "onclick", true); 120 | } 121 | } 122 | else 123 | { 124 | if (_attrName.Equals("content")) 125 | { 126 | builder.AddContent(3, _value.ToString()); 127 | 128 | } 129 | else 130 | { 131 | if (_attrName.Contains("_")) 132 | { 133 | _attrName = _attrName.Replace("_", "-"); 134 | } 135 | 136 | builder.AddAttribute(4, _attrName, _value.ToString()); 137 | 138 | } 139 | 140 | } 141 | } 142 | } 143 | } 144 | 145 | 146 | PropertyInfo pi_Children = _Item.GetType().GetProperty("Children"); 147 | 148 | if (pi_Children != null) 149 | { 150 | List children = pi_Children.GetValue(_Item) as List; 151 | 152 | foreach (object item in children) 153 | { 154 | Cmd_Render(item, k++, builder, Par_ID);; 155 | } 156 | } 157 | 158 | 159 | 160 | if (CaptureRef) 161 | { 162 | builder.AddElementReferenceCapture(5, (elementReference) => 163 | { 164 | 165 | Elementreferences_Dictionary.Add(_value_id, elementReference); 166 | 167 | }); 168 | } 169 | 170 | builder.CloseElement(); 171 | 172 | builder.CloseRegion(); 173 | } 174 | 175 | 176 | public void Cmd_Clicked(MouseEventArgs e, int i) 177 | { 178 | ActionClicked?.Invoke(e, i); 179 | } 180 | } 181 | } 182 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Blazor Svg Helper 2 | 3 | ![](https://placehold.it/15/4747d1/000000?text=+) 4 | If you like my blazor works and want to see more open sourced repos please support me with [paypal donation](https://www.paypal.me/VakhtangiAbashidze/10) 5 | ![](https://placehold.it/15/4747d1/000000?text=+) 6 | 7 | ![](https://placehold.it/15/00e600/000000?text=+) 8 | Please send [email](mailto:VakhtangiAbashidze@gmail.com) if you consider to **hire me**. 9 | ![](https://placehold.it/15/00e600/000000?text=+) 10 | 11 | 12 | ![](https://placehold.it/15/ffffff/000000?text=+) 13 | 14 | 15 | 16 | This repo contains svg classes for using in blazor. 17 | 18 | [Project](https://www.nuget.org/packages/BlazorSvgHelper/) is available on nuget. 19 | 20 | For install use command - **Install-Package BlazorSvgHelper** 21 | 22 | You can create svg element and add children (circle, rectangle, image, text and etc) and finally render this svg with blazor RenderTreeBuilder. 23 | 24 | 25 | ![image](https://raw.githubusercontent.com/Lupusa87/BlazorSvgHelper/master/Untitled.png) 26 | 27 | 28 | Usage: 29 | ``` 30 | public svg ComposeSVG() 31 | { 32 | _svg = new svg 33 | { 34 | id = "svgclock", 35 | width = 100, 36 | height = 100, 37 | xmlns = "http://www.w3.org/2000/svg", 38 | }; 39 | 40 | 41 | _svg.Children.Add(new circle 42 | { 43 | cx = 0, 44 | cy = 0, 45 | r = 30, 46 | fill = "red", 47 | transform = "translate(50,50)", 48 | }); 49 | 50 | return _svg; 51 | } 52 | ``` 53 | 54 | When you done composing svg you can render it. 55 | 56 | ``` 57 | protected override void BuildRenderTree(RenderTreeBuilder builder) 58 | { 59 | svg _svg = ComposeSVG(); 60 | new SvgHelper().Cmd_Render(_svg, 0, builder); 61 | } 62 | ``` 63 | 64 | **SVG helper works only for dynamic component and not for markup.** 65 | You should create cs file and inside BuildRenderTree method render svg. 66 | ``` 67 | public class SomeComponent:BlazorComponent 68 | { 69 | protected override void BuildRenderTree(RenderTreeBuilder builder) 70 | { 71 | svg _svg = ComposeSVG(); 72 | new SvgHelper().Cmd_Render(_svg, 0, builder); 73 | } 74 | } 75 | ``` 76 | 77 | Before use SvgHeler you need to have basic understanding what is and how works dynamic component. 78 | 79 | You can compose more complex svg. 80 | 81 | For example this helper was used [here](https://lupusablazordemos.azurewebsites.net/) 82 | 83 | You can see code how this svg was composed [here](https://github.com/Lupusa87/LupusaBlazorDemos/blob/master/BlazorClockSvgComponent/CompClockSVG.cs) 84 | 85 | 86 | For any questions please email me at VakhtangiAbashidze@gmail.com 87 | 88 | Any PRs are welcome. 89 | -------------------------------------------------------------------------------- /Untitled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lupusa87/BlazorSvgHelper/e29a8caabe8f1bccf3e355b67849ea1ee6b35d14/Untitled.png --------------------------------------------------------------------------------