Add revamped Blazor sample pages from PR #3528 (sample changes only)#3541
Closed
Add revamped Blazor sample pages from PR #3528 (sample changes only)#3541
Conversation
Co-authored-by: mattleibow <1096616+mattleibow@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Add new sample from mono/SkiaSharp#3528
Add revamped Blazor sample pages from PR #3528 (sample changes only)
Feb 28, 2026
- Move @onwheel/@onwheel:preventDefault from SKCanvasView to wrapping div in Drawing.razor to fix RZ10010 duplicate parameter error - Switch base href from /app/ to / in index.html - Add full-viewport flex layout CSS for html/body/#app/.content/canvas Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
mattleibow
added a commit
that referenced
this pull request
Mar 6, 2026
- Home: radial gradient bg + colored circles + centered text - GPU: SkSL metaball lava-lamp shader with touch interaction + FPS overlay - Drawing: multi-stroke canvas with color picker + brush sizing - NavMenu: updated links and icons (Home / GPU / Drawing) - Layout: full-height viewport with overflow hidden Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
mattleibow
added a commit
that referenced
this pull request
Mar 10, 2026
- Home: radial gradient bg + colored circles + centered text - GPU: SkSL metaball lava-lamp shader with touch interaction + FPS overlay - Drawing: multi-stroke canvas with color picker + brush sizing - NavMenu: updated links and icons (Home / GPU / Drawing) - Layout: full-height viewport with overflow hidden Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Brings in the sample app changes from #3528 without the touch event infrastructure (TypeScript interop,
EnableTouchEvents/Touchview parameters,SKTouchEventArgsrelocation).What changed
Home.razor— replaced plain text demo with radial gradient background, semi-transparent colored circles, and centered text viaSKShader.CreateRadialGradientGPU.razor— replaced clock demo with a real-time SkSL metaball lava-lamp shader usingSKRuntimeEffect.BuildShader; drag interaction adapted to Blazor native@onpointerdown/@onpointermove/@onpointerup(filtered to primary pointer)GPU.razor.css— new; floating FPS overlay panelDrawing.razor— new page; multi-stroke drawing canvas with color picker toolbar and scroll-wheel brush sizing, using Blazor native pointer/wheel events instead of the new touch APIDrawing.razor.css— new; floating info and toolbar overlaysNavMenu.razor— "Raster Canvas" → "Drawing"; labels updated to Home / GPU / Drawing with matching iconsNavMenu.razor.css— GPU card and pencil icons replace old onesMainLayout.razor.css—height: 100vh+overflow: hiddenfor full-height layoutTouch interaction in GPU and Drawing uses
@onpointerdown/@onpointermove/@onpointerup/@onwheel— the same pattern as the existingRaster.razor— sinceEnableTouchEvents/Touchare not yet in the codebase.API Changes
None.
Behavioral Changes
None.
Required skia PR
None.
PR Checklist
Original prompt
💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.