├── .gitignore ├── LICENSE ├── README.md ├── SkiaSharpVisualizer.sln ├── SkiaSharpVisualizer ├── .vsextension │ └── string-resources.json ├── SkiaSharpVisualizer.csproj ├── SkiaSharpVisualizerControl.cs ├── SkiaSharpVisualizerControl.xaml ├── SkiaSharpVisualizerDataContext.cs ├── SkiaSharpVisualizerExtension.cs └── SkiaSharpVisualizerProvider.cs └── SkiaSharpVisualizerSource ├── SkiaSharpVisualizerSource.cs └── SkiaSharpVisualizerSource.csproj /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | ## 4 | ## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore 5 | 6 | # User-specific files 7 | *.rsuser 8 | *.suo 9 | *.user 10 | *.userosscache 11 | *.sln.docstates 12 | 13 | # User-specific files (MonoDevelop/Xamarin Studio) 14 | *.userprefs 15 | 16 | # Mono auto generated files 17 | mono_crash.* 18 | 19 | # Build results 20 | [Dd]ebug/ 21 | [Dd]ebugPublic/ 22 | [Rr]elease/ 23 | [Rr]eleases/ 24 | x64/ 25 | x86/ 26 | [Ww][Ii][Nn]32/ 27 | [Aa][Rr][Mm]/ 28 | [Aa][Rr][Mm]64/ 29 | bld/ 30 | [Bb]in/ 31 | [Oo]bj/ 32 | [Ll]og/ 33 | [Ll]ogs/ 34 | 35 | # Visual Studio 2015/2017 cache/options directory 36 | .vs/ 37 | # Uncomment if you have tasks that create the project's static files in wwwroot 38 | #wwwroot/ 39 | 40 | # Visual Studio 2017 auto generated files 41 | Generated\ Files/ 42 | 43 | # MSTest test Results 44 | [Tt]est[Rr]esult*/ 45 | [Bb]uild[Ll]og.* 46 | 47 | # NUnit 48 | *.VisualState.xml 49 | TestResult.xml 50 | nunit-*.xml 51 | 52 | # Build Results of an ATL Project 53 | [Dd]ebugPS/ 54 | [Rr]eleasePS/ 55 | dlldata.c 56 | 57 | # Benchmark Results 58 | BenchmarkDotNet.Artifacts/ 59 | 60 | # .NET Core 61 | project.lock.json 62 | project.fragment.lock.json 63 | artifacts/ 64 | 65 | # ASP.NET Scaffolding 66 | ScaffoldingReadMe.txt 67 | 68 | # StyleCop 69 | StyleCopReport.xml 70 | 71 | # Files built by Visual Studio 72 | *_i.c 73 | *_p.c 74 | *_h.h 75 | *.ilk 76 | *.meta 77 | *.obj 78 | *.iobj 79 | *.pch 80 | *.pdb 81 | *.ipdb 82 | *.pgc 83 | *.pgd 84 | *.rsp 85 | *.sbr 86 | *.tlb 87 | *.tli 88 | *.tlh 89 | *.tmp 90 | *.tmp_proj 91 | *_wpftmp.csproj 92 | *.log 93 | *.tlog 94 | *.vspscc 95 | *.vssscc 96 | .builds 97 | *.pidb 98 | *.svclog 99 | *.scc 100 | 101 | # Chutzpah Test files 102 | _Chutzpah* 103 | 104 | # Visual C++ cache files 105 | ipch/ 106 | *.aps 107 | *.ncb 108 | *.opendb 109 | *.opensdf 110 | *.sdf 111 | *.cachefile 112 | *.VC.db 113 | *.VC.VC.opendb 114 | 115 | # Visual Studio profiler 116 | *.psess 117 | *.vsp 118 | *.vspx 119 | *.sap 120 | 121 | # Visual Studio Trace Files 122 | *.e2e 123 | 124 | # TFS 2012 Local Workspace 125 | $tf/ 126 | 127 | # Guidance Automation Toolkit 128 | *.gpState 129 | 130 | # ReSharper is a .NET coding add-in 131 | _ReSharper*/ 132 | *.[Rr]e[Ss]harper 133 | *.DotSettings.user 134 | 135 | # TeamCity is a build add-in 136 | _TeamCity* 137 | 138 | # DotCover is a Code Coverage Tool 139 | *.dotCover 140 | 141 | # AxoCover is a Code Coverage Tool 142 | .axoCover/* 143 | !.axoCover/settings.json 144 | 145 | # Coverlet is a free, cross platform Code Coverage Tool 146 | coverage*.json 147 | coverage*.xml 148 | coverage*.info 149 | 150 | # Visual Studio code coverage results 151 | *.coverage 152 | *.coveragexml 153 | 154 | # NCrunch 155 | _NCrunch_* 156 | .*crunch*.local.xml 157 | nCrunchTemp_* 158 | 159 | # MightyMoose 160 | *.mm.* 161 | AutoTest.Net/ 162 | 163 | # Web workbench (sass) 164 | .sass-cache/ 165 | 166 | # Installshield output folder 167 | [Ee]xpress/ 168 | 169 | # DocProject is a documentation generator add-in 170 | DocProject/buildhelp/ 171 | DocProject/Help/*.HxT 172 | DocProject/Help/*.HxC 173 | DocProject/Help/*.hhc 174 | DocProject/Help/*.hhk 175 | DocProject/Help/*.hhp 176 | DocProject/Help/Html2 177 | DocProject/Help/html 178 | 179 | # Click-Once directory 180 | publish/ 181 | 182 | # Publish Web Output 183 | *.[Pp]ublish.xml 184 | *.azurePubxml 185 | # Note: Comment the next line if you want to checkin your web deploy settings, 186 | # but database connection strings (with potential passwords) will be unencrypted 187 | *.pubxml 188 | *.publishproj 189 | 190 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 191 | # checkin your Azure Web App publish settings, but sensitive information contained 192 | # in these scripts will be unencrypted 193 | PublishScripts/ 194 | 195 | # NuGet Packages 196 | *.nupkg 197 | # NuGet Symbol Packages 198 | *.snupkg 199 | # The packages folder can be ignored because of Package Restore 200 | **/[Pp]ackages/* 201 | # except build/, which is used as an MSBuild target. 202 | !**/[Pp]ackages/build/ 203 | # Uncomment if necessary however generally it will be regenerated when needed 204 | #!**/[Pp]ackages/repositories.config 205 | # NuGet v3's project.json files produces more ignorable files 206 | *.nuget.props 207 | *.nuget.targets 208 | 209 | # Microsoft Azure Build Output 210 | csx/ 211 | *.build.csdef 212 | 213 | # Microsoft Azure Emulator 214 | ecf/ 215 | rcf/ 216 | 217 | # Windows Store app package directories and files 218 | AppPackages/ 219 | BundleArtifacts/ 220 | Package.StoreAssociation.xml 221 | _pkginfo.txt 222 | *.appx 223 | *.appxbundle 224 | *.appxupload 225 | 226 | # Visual Studio cache files 227 | # files ending in .cache can be ignored 228 | *.[Cc]ache 229 | # but keep track of directories ending in .cache 230 | !?*.[Cc]ache/ 231 | 232 | # Others 233 | ClientBin/ 234 | ~$* 235 | *~ 236 | *.dbmdl 237 | *.dbproj.schemaview 238 | *.jfm 239 | *.pfx 240 | *.publishsettings 241 | orleans.codegen.cs 242 | 243 | # Including strong name files can present a security risk 244 | # (https://github.com/github/gitignore/pull/2483#issue-259490424) 245 | #*.snk 246 | 247 | # Since there are multiple workflows, uncomment next line to ignore bower_components 248 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 249 | #bower_components/ 250 | 251 | # RIA/Silverlight projects 252 | Generated_Code/ 253 | 254 | # Backup & report files from converting an old project file 255 | # to a newer Visual Studio version. Backup files are not needed, 256 | # because we have git ;-) 257 | _UpgradeReport_Files/ 258 | Backup*/ 259 | UpgradeLog*.XML 260 | UpgradeLog*.htm 261 | ServiceFabricBackup/ 262 | *.rptproj.bak 263 | 264 | # SQL Server files 265 | *.mdf 266 | *.ldf 267 | *.ndf 268 | 269 | # Business Intelligence projects 270 | *.rdl.data 271 | *.bim.layout 272 | *.bim_*.settings 273 | *.rptproj.rsuser 274 | *- [Bb]ackup.rdl 275 | *- [Bb]ackup ([0-9]).rdl 276 | *- [Bb]ackup ([0-9][0-9]).rdl 277 | 278 | # Microsoft Fakes 279 | FakesAssemblies/ 280 | 281 | # GhostDoc plugin setting file 282 | *.GhostDoc.xml 283 | 284 | # Node.js Tools for Visual Studio 285 | .ntvs_analysis.dat 286 | node_modules/ 287 | 288 | # Visual Studio 6 build log 289 | *.plg 290 | 291 | # Visual Studio 6 workspace options file 292 | *.opt 293 | 294 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.) 295 | *.vbw 296 | 297 | # Visual Studio 6 auto-generated project file (contains which files were open etc.) 298 | *.vbp 299 | 300 | # Visual Studio 6 workspace and project file (working project files containing files to include in project) 301 | *.dsw 302 | *.dsp 303 | 304 | # Visual Studio 6 technical files 305 | *.ncb 306 | *.aps 307 | 308 | # Visual Studio LightSwitch build output 309 | **/*.HTMLClient/GeneratedArtifacts 310 | **/*.DesktopClient/GeneratedArtifacts 311 | **/*.DesktopClient/ModelManifest.xml 312 | **/*.Server/GeneratedArtifacts 313 | **/*.Server/ModelManifest.xml 314 | _Pvt_Extensions 315 | 316 | # Paket dependency manager 317 | .paket/paket.exe 318 | paket-files/ 319 | 320 | # FAKE - F# Make 321 | .fake/ 322 | 323 | # CodeRush personal settings 324 | .cr/personal 325 | 326 | # Python Tools for Visual Studio (PTVS) 327 | __pycache__/ 328 | *.pyc 329 | 330 | # Cake - Uncomment if you are using it 331 | # tools/** 332 | # !tools/packages.config 333 | 334 | # Tabs Studio 335 | *.tss 336 | 337 | # Telerik's JustMock configuration file 338 | *.jmconfig 339 | 340 | # BizTalk build output 341 | *.btp.cs 342 | *.btm.cs 343 | *.odx.cs 344 | *.xsd.cs 345 | 346 | # OpenCover UI analysis results 347 | OpenCover/ 348 | 349 | # Azure Stream Analytics local run output 350 | ASALocalRun/ 351 | 352 | # MSBuild Binary and Structured Log 353 | *.binlog 354 | 355 | # NVidia Nsight GPU debugger configuration file 356 | *.nvuser 357 | 358 | # MFractors (Xamarin productivity tool) working folder 359 | .mfractor/ 360 | 361 | # Local History for Visual Studio 362 | .localhistory/ 363 | 364 | # Visual Studio History (VSHistory) files 365 | .vshistory/ 366 | 367 | # BeatPulse healthcheck temp database 368 | healthchecksdb 369 | 370 | # Backup folder for Package Reference Convert tool in Visual Studio 2017 371 | MigrationBackup/ 372 | 373 | # Ionide (cross platform F# VS Code tools) working folder 374 | .ionide/ 375 | 376 | # Fody - auto-generated XML schema 377 | FodyWeavers.xsd 378 | 379 | # VS Code files for those working on multiple tools 380 | .vscode/* 381 | !.vscode/settings.json 382 | !.vscode/tasks.json 383 | !.vscode/launch.json 384 | !.vscode/extensions.json 385 | *.code-workspace 386 | 387 | # Local History for Visual Studio Code 388 | .history/ 389 | 390 | # Windows Installer files from build outputs 391 | *.cab 392 | *.msi 393 | *.msix 394 | *.msm 395 | *.msp 396 | 397 | # JetBrains Rider 398 | *.sln.iml 399 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 MapLarge, Inc. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # SkiaSharpVisualizer 2 | A Visual Studio debugger extension for viewing [SkiaSharp](https://github.com/mono/SkiaSharp) bitmaps and images. 3 | 4 | ## Building 5 | Designed for Visual Studio 2022, simply update to at least 17.9 and install the "Visual Studio extension development" workload. There are no external requirements beyond the SkiaSharp nuget package and Visual Studio SDK. After building the solution, run the generated .vsix file to install. 6 | 7 | ## How to Use 8 | The extension adds a new UI item to view SkiaSharp SKBitmap, SKImage, and SKSurface objects. 9 | ![image](https://github.com/MapLarge/SkiaSharpVisualizer/assets/38544371/932c0544-dea0-445a-a052-e971878af182) 10 | 11 | When viewing, you will see a tool window containing a graphical preview of the image. 12 | ![image](https://github.com/MapLarge/SkiaSharpVisualizer/assets/38544371/5d4fafcd-79e1-4b07-86ed-f92d362c3a4f) 13 | 14 | The stretch option will make the image fill the entire dialog space. 15 | ![image](https://github.com/MapLarge/SkiaSharpVisualizer/assets/38544371/53b09954-003d-45f6-a494-1ad2cd72771a) 16 | 17 | The bordered option will add an indicator border around the image so you can figure out the boundary of an image with transparency. 18 | ![image](https://github.com/MapLarge/SkiaSharpVisualizer/assets/38544371/771741e4-413d-4414-97d9-c59cdfddf2a7) 19 | 20 | The "Open in External Viewer" button will launch the default viewer for PNG files. 21 | ![image](https://github.com/MapLarge/SkiaSharpVisualizer/assets/38544371/327bf856-cace-4d09-9c7c-7c5d5b31c5b3) 22 | 23 | ## Contributing 24 | PRs and suggestions are welcome, or you can fork this project and make your own enhancements. 25 | -------------------------------------------------------------------------------- /SkiaSharpVisualizer.sln: -------------------------------------------------------------------------------- 1 |  2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio Version 17 4 | VisualStudioVersion = 17.9.34728.123 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SkiaSharpVisualizer", "SkiaSharpVisualizer\SkiaSharpVisualizer.csproj", "{1E8D3F65-F34F-41FF-8711-1D8D73350487}" 7 | EndProject 8 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SkiaSharpVisualizerSource", "SkiaSharpVisualizerSource\SkiaSharpVisualizerSource.csproj", "{B5993999-1646-452B-85EC-ED5155DA370C}" 9 | EndProject 10 | Global 11 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 12 | Debug|Any CPU = Debug|Any CPU 13 | Release|Any CPU = Release|Any CPU 14 | EndGlobalSection 15 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 16 | {1E8D3F65-F34F-41FF-8711-1D8D73350487}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 17 | {1E8D3F65-F34F-41FF-8711-1D8D73350487}.Debug|Any CPU.Build.0 = Debug|Any CPU 18 | {1E8D3F65-F34F-41FF-8711-1D8D73350487}.Release|Any CPU.ActiveCfg = Release|Any CPU 19 | {1E8D3F65-F34F-41FF-8711-1D8D73350487}.Release|Any CPU.Build.0 = Release|Any CPU 20 | {B5993999-1646-452B-85EC-ED5155DA370C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 21 | {B5993999-1646-452B-85EC-ED5155DA370C}.Debug|Any CPU.Build.0 = Debug|Any CPU 22 | {B5993999-1646-452B-85EC-ED5155DA370C}.Release|Any CPU.ActiveCfg = Release|Any CPU 23 | {B5993999-1646-452B-85EC-ED5155DA370C}.Release|Any CPU.Build.0 = Release|Any CPU 24 | EndGlobalSection 25 | GlobalSection(SolutionProperties) = preSolution 26 | HideSolutionNode = FALSE 27 | EndGlobalSection 28 | GlobalSection(ExtensibilityGlobals) = postSolution 29 | SolutionGuid = {A6B6DE13-3B7C-4285-863C-E9DB2B513A00} 30 | EndGlobalSection 31 | EndGlobal 32 | -------------------------------------------------------------------------------- /SkiaSharpVisualizer/.vsextension/string-resources.json: -------------------------------------------------------------------------------- 1 | { 2 | "SkiaSharpVisualizer.SkiaSharpVisualizerProvider.SKBitmap.DisplayName": "SKBitmap Visualizer", 3 | "SkiaSharpVisualizer.SkiaSharpVisualizerProvider.SKImage.DisplayName": "SKImage Visualizer", 4 | "SkiaSharpVisualizer.SkiaSharpVisualizerProvider.SKSurface.DisplayName": "SKSurface Visualizer" 5 | } 6 | -------------------------------------------------------------------------------- /SkiaSharpVisualizer/SkiaSharpVisualizer.csproj: -------------------------------------------------------------------------------- 1 |  2 | 3 | net8.0-windows 4 | enable 5 | enable 6 | 1.0.3 7 | 1.0.3 8 | SkiaSharp Visualizer 9 | MapLarge 10 | https://github.com/MapLarge/SkiaSharpVisualizer 11 | https://github.com/MapLarge/SkiaSharpVisualizer 12 | git 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | PreserveNewest 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | MSBuild:Compile 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /SkiaSharpVisualizer/SkiaSharpVisualizerControl.cs: -------------------------------------------------------------------------------- 1 | namespace SkiaSharpVisualizer; 2 | 3 | using Microsoft.VisualStudio.Extensibility.DebuggerVisualizers; 4 | using Microsoft.VisualStudio.Extensibility.UI; 5 | using System.Runtime.Serialization; 6 | using System.Threading; 7 | using System.Threading.Tasks; 8 | 9 | /// 10 | /// Remote user control to visualize the value. 11 | /// 12 | internal partial class SkiaSharpVisualizerControl : RemoteUserControl { 13 | 14 | public SkiaSharpVisualizerDataContext? TypedContext => this.DataContext as SkiaSharpVisualizerDataContext; 15 | 16 | public SkiaSharpVisualizerControl(VisualizerTarget visualizerTarget) 17 | : base(dataContext: new SkiaSharpVisualizerDataContext(visualizerTarget)) { 18 | } 19 | 20 | public override Task GetXamlAsync(CancellationToken cancellationToken) { 21 | return base.GetXamlAsync(cancellationToken); 22 | } 23 | public override Task ControlLoadedAsync(CancellationToken cancellationToken) { 24 | return base.ControlLoadedAsync(cancellationToken); 25 | } 26 | 27 | protected override void Dispose(bool disposing) { 28 | if (disposing) { 29 | TypedContext?.Dispose(); 30 | } 31 | base.Dispose(disposing); 32 | } 33 | 34 | } 35 | -------------------------------------------------------------------------------- /SkiaSharpVisualizer/SkiaSharpVisualizerControl.xaml: -------------------------------------------------------------------------------- 1 |  8 | 9 |